Jump to content

how to select a section in version 7.1 with css

Recommended Posts

This is a rather elementary question but this whole thing is new to me so take it easy on me. 

I'm trying to select a section to make it hover over two sections. I'm using version 7.1. I tried looking online and found a video on youtube that explains it but when I tried it I'm getting syntax error. how do I do this?

Link to comment
  • Replies 4
  • Views 1.3k
  • Created
  • Last Reply

by the way. I have the personal plan. I think this might've been the cause. I checked online and it says that I need business plan to get the complete CSS customization. is this correct? I'm a little surprised by this. 

Link to comment
  • 1 month later...

Hi @Jay_V 

To select an especific section you have to put the class before the data id

.page-section[data-section-id="5ede784f593ec53c17d15951"]

And after that put the other class you want to change.

For example if you want to change the padding from an especific section, you need write something like this:

.page-section[data-section-id="5ede784f593ec53c17d15951"] .content-wrapper{
  padding:0 !important;
}

 

Link to comment
3 hours ago, Diegoafigue said:

Hi @Jay_V 

To select an especific section you have to put the class before the data id


.page-section[data-section-id="5ede784f593ec53c17d15951"]

And after that put the other class you want to change.

For example if you want to change the padding from an especific section, you need write something like this:


.page-section[data-section-id="5ede784f593ec53c17d15951"] .content-wrapper{
  padding:0 !important;
}

 

and to find data section id, use this tool. https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff

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

Archived

This topic is now archived and is closed to further replies.

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