Jump to content

Custom Css doesn't work when outside the custom page

Go to solution Solved by tuanphan,

Recommended Posts

Site URL: https://elizavolk-healingarts.squarespace.com/

Hello there,

I am trying to find a way to fix this : I added several scheduling buttons in my website (with markdown). I changed the style directly in it and in the custom css too to have the desired design. But for some reason, it applies only when I am in the custom css page and as soon as I leave it and refresh the page, a pink-ish background appears in the buttons. I go back to the custom page, the effects come back. etc etc... It is driving me crazy, please help if you have any explanation ! 🙏🏻

Link to comment
  • Replies 3
  • Views 280
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • Solution

Edit this code

.acuity-embed-button {
    background: transparent !important;
    border: 2px solid #8f5438 !important;
    font-size: 1em !important;
    letter-spacing: 2px;
}

to this

.markdown-block .acuity-embed-button {
    background: transparent !important;
    border: 2px solid #8f5438 !important;
    font-size: 1em !important;
    letter-spacing: 2px;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.