[Support request] How to reduce Content padding in Separate Containers

[Amit]

I am trying to reduce content padding when using separate containers on front page by 15%. How can it be done?

[Leo]

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 🙂

[Amit]

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

[David]

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.

[Amit]

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

[David]

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

[Author]

Posts