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

Home Forums Support How to reduce Content padding in Separate Containers

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #950354
    Amit

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

    #950562
    Leo
    Staff
    Customer Support

    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 🙂

    #950936
    Amit

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

    #951031
    David
    Staff
    Customer Support

    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.

    #951612
    Amit

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

    #951769
    David
    Staff
    Customer Support

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

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.