Home › Forums › WoodMart support forum › How to Change Global Paddings Around Page Containers

How to Change Global Paddings Around Page Containers

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 10, 2025 at 6:11 am #666305

    itsarjunc
    Participant

    Hi Xtemos team,

    I’m using WoodMart 8.2.2, WordPress 6.8.1, and Elementor Pro 3.29.2.

    I want to adjust the global spacing across all pages, not on a per-page basis. Specifically:

    • Vertical space between the header and Elementor container
    • Left and right padding inside the main page container
    • Bottom spacing before the footer

    I’ve checked Theme Settings → General → Layout but couldn’t locate clear options for these.

    Could you guide me on how to adjust these paddings globally—through settings, CSS, or any PHP method?

    – Arjun

    June 10, 2025 at 10:50 am #666457

    Luke Nielsen
    Keymaster

    Hello,

    1,3. 

    body .wd-content-layout {
    padding-block: 60px;
}

    2. 

    body .container, 
body .container-fluid {
    padding-inline: 20px;
}

    Kind Regards

    • This reply was modified 1 month, 3 weeks ago by Luke Nielsen.
    June 11, 2025 at 6:44 am #666625

    itsarjunc
    Participant

    Got it, thanks Luke, I’ll try these and get back to you.

    June 11, 2025 at 11:27 am #666676

    Luke Nielsen
    Keymaster

    Okay, let me know the result.

    Thank you for your time.

    Kind Regards

    June 11, 2025 at 4:51 pm #666819

    itsarjunc
    Participant

    Hey, it works like a charm, thanks, bud!

    June 11, 2025 at 5:18 pm #666828

    Luke Nielsen
    Keymaster

    Hello,

    We are delighted to hear that the solution worked perfectly for you. If you have any more questions or need further assistance, feel free to reach out to us anytime.

    Thank you for choosing WoodMart!

    Kind regards

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

The topic ‘How to Change Global Paddings Around Page Containers’ is closed to new replies.