Reduce section height

[Joyce82]

Hi,

I like to reduce the height of the grey section. I gave the said section an id called “3features” via the customize menu, as shown in the attached image. In the global CSS, I added the following:

#3features.e74-34.x-section { padding: 10px 0;
}

But this didn’t work. Ran out of wits. Please advise. Thank you!

URL https://supersleeper.co/

[prakash_s]

Hello @Joyce82

Thanks for writing to us

I checked your website it seems that your custom CSS code is not working because your given section ID is not correct. You can not add integer character at the beginning of the ID.
Your section ID 3features correct way to add section ID features3 in case if you want to add integer or number character in Section ID

So the correct selector to render your custom CSS code would be #features3.e74-30.x-section
Please edit your section ID in order to render your custom CSS code.

Alternatively, you can go to your Section setting and you can set the padding from the Padding Settings.

In case if you are not able to see the section Padding settings please click on the Settings Icon and check for “ Advanced Mode” option. Please set “Advanced Mode” as “ON” to get more design controls when inspecting an element in the builders.

Please have a look at the screenshot given below.

Thanks

[Joyce82]

Wow, thank you so much for your prompt reply! Very useful to know there’s advanced mode. Much easier to adjust padding that way.

[prakash_s]

Hello @Joyce82

Glad that we are able to help you

Have a nice weekend!
Thanks