Jump to content

Is targeting section id's on SS 7.1 not working?

Go to solution Solved by jpeter,

Recommended Posts

Posted

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
Posted

@sunjo Remove #siteWrapper.site-wrapper from your selector. The new selector should be:

section[data-section-id="65c47f89c55103377481a7fa"] .sqs-button-element--tertiary{

}

 

Full stack developer who loves helping people out with anything web related. If you'd like to support me, buy me a coffee!

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.