daringcreativeco

Site URL: http://www.sknallegiance.com/faqs Hello, I used a code block / markdown block on my client's FAQ page and it seems to be glitching. The markdown block will open the question/answer, then close, then open fully. I am not sure why this is happening - I installed the same exact code on another client's site and it works 100% perfectly. Can someone take a look and offer any insight? Thank you in advance!

Thank you so much!

Hi @tuanphan. Sorry about the delay, I didn't get notified about your post. Yes! I would love to fix all of those issues. Possible with CSS?

That worked! Thank you so much!!!!!!!!!

And I have been putting everything into Custom CSS, not advanced code injection.

Thank you - removed the .sqs-block-code but it's still aligning to the left of the screen.

When I use .code-block-id nothing happens. It will only update with sqs.block-code. I have even tried it with the block ID number but it's still not working. This is what I have now and it's not impacting the design the way I need it to: #block-yui_3_17_2_1_1620753293385_10282 .sqs-block-code { text-align: center !important; font-family: Avenir Next; background-color: white !important; color: #2FC7F9; font-size: 15px; font-weight: 700; margin: auto; border-radius: 3px; padding-top: 10px; padding-bottom: 10px; padding-right: 25px; padding-left: 25px; letter-spacing: 1.3px; display: inline-block; } The button still isn't centered on the page. I have tried wrapping the code in <center></center>, and that doesn't work either. This is the page: https://www.klasikfit.com/memberportal Any other thoughts?

Site URL: http://www.klasikfit.com I am losing my mind trying to customize Mindbody healcode links on a customer's website. I've injected the code into the code blocks, but cannot for the life of me get the CSS to style the code the way I want. Here's the code I'm using, and it's not working on 7.1: a.healcode-contract-text-link { color: #fff !important; border: solid 0px #366f82; background: #366f82; border-radius: 3px; padding-top: 10px; padding-bottom: 10px; padding-right: 15px; padding-left: 15px; text-transform: uppercase; letter-spacing: 1.3px; display: inline-block; } The following CSS is working, but it's impacting all code blocks overall (and that's not my goal; my goal is to target each code block individually OR target each Mindbody healcode link), and it's making the button align to the left of the screen: .sqs-block-code { text-align: center; font-family: Avenir Next; background-color: white !important; color: #2FC7F9; font-size: 15px; font-weight: 700; margin: auto; border-radius: 3px; padding-top: 10px; padding-bottom: 10px; padding-right: 25px; padding-left: 25px; text-transform: uppercase; letter-spacing: 1.3px; display: inline-block; } There's hardly any resources out there for coding Mindbody widgets, so I am praying someone can help here. Thanks in advance!