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!