Jump to content

daringcreativeco

Member
  • Posts

    9
  • Joined

  • Last visited

Reputation Activity

  1. Like
    daringcreativeco got a reaction from tuanphan in Mindbody widget customization on 7.1   
    That worked! Thank you so much!!!!!!!!! 
  2. Like
    daringcreativeco got a reaction from Beyondspace in Mindbody widget customization on 7.1   
    That worked! Thank you so much!!!!!!!!! 
  3. Like
    daringcreativeco reacted to tuanphan in Mindbody widget customization on 7.1   
    replace .sqs-block-code with .code-block-id
    use above tool to find block id.
  4. Like
    daringcreativeco got a reaction from Beyondspace in Mindbody widget customization on 7.1   
    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!
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.