How to reduce Content padding in Separate Containers

Hi there,

The front page is using Sections so the padding is actually coming from the settings of each section:
https://docs.generatepress.com/article/sections-overview/

Let me know if this helps or if I'm missing something :)

This helps in top and bottom padding, but doesn't helps in in left and right!

Hi there,

so the sections get there left and right padding from the Customizer > Layout > Container padding. If you want to target all sections to have a different padding then use this CSS:

.generate-sections-container .generate-sections-inside-container {
    padding-left: 15% !important;
    padding-right: 15% !important;
}

Note that this won't apply to your header element which has its own padding controls.

The code worked whereas the customizer section showed content padding which was just working for the header content!

Sorry my bad - the sections have a default padding size so the CSS above is the best fix.