sunjo Posted February 8 Posted February 8 Hey guys.... again! What on EARTH am I doing wrong? I can't get section id's to work so I can play with text, buttons and images ONLY in that section. Here's my code - I'm changing the look of one button: section[data-section-id="65c47f89c55103377481a7fa"] #siteWrapper.site-wrapper .sqs-button-element--tertiary{ border-width: var(--tertiary-button-stroke); top: 50%; left: 50%; background: transparent url(//assets.squarespace.com/universal/images-v6/damask/play-button.png) center center no-repeat; height: 48px; width: 48px; margin-left: -24px; margin-top: 0px; cursor: pointer; background-size: 50px; } The code works perfectly if I take out the section[data-section-id="xxxxxxxxxxxx"] but then of course that will apply to the whole site. What am I doing wrong? Am I taking crazy pills? My site is: https://carrieoh.squarespace.com/ password: demo
Solution jpeter Posted February 8 Solution Posted February 8 @sunjo Remove #siteWrapper.site-wrapper from your selector. The new selector should be: section[data-section-id="65c47f89c55103377481a7fa"] .sqs-button-element--tertiary{ } nick_sh 1 Full stack developer who loves helping people out with anything web related. If you'd like to support me, buy me a coffee!
sunjo Posted February 8 Author Posted February 8 Yikes ... how did I not see that?!? Thank you oh so much @jpeter
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment