how to select a section in version 7.1 with css

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?

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. 

so I upgraded to their business plan and still no luck. This is literally all I entered in the very first line I'm getting syntax error on line 1:

[data-section-id="5e972cbfc26c5e1e9c51cdeb"]

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;
}

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