Home › Forums › WoodMart support forum › Main page wrapper

Main page wrapper

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 20, 2025 at 2:35 pm #691849

    vynil
    Participant

    Hi! I’m using Woodmart with Elementor. Woodmart automatically adds top and bottom padding of 40 px, and for Elementor pages (not theme pages) you have previously suggested using negative margin on the first/ last container to remove this padding. All good so far, however due to a design specification on a site I used a code to change the standard 40px padding to 5% instead. Yet, when I add a negative margin 5% to my Elementor pages, some spacing is still left. As if the default 40px are getting combined with the 5%. Do you have any idea what may be causing it? I’m also attaching a video for better understanding. Thanks in advance!

    October 21, 2025 at 9:04 am #691943

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    The additional spacing you’re seeing is likely because Elementor’s negative margin doesn’t fully override the percentage-based padding added by the theme wrapper.

    When you set the padding in CSS using percentages (padding-top: 5%), it’s calculated based on the width of the container, not its height — so the result may vary depending on your layout. That’s why even after using margin-top: -5%, a small space remains. Use pixel-based padding instead of percentage and check how it works.

    Please follow this guide and remove the white space. https://xtemos.com/docs-topic/top-and-bottom-paddings/

    Best Regards,

    October 23, 2025 at 8:23 pm #692454

    vynil
    Participant

    Hey, thanks for replying! I followed your advice and switched the percentage in pixels, but the issue persists. Can you please check? I have recorded a video for better understanding.

    October 24, 2025 at 10:18 am #692522

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Try to add the following custom css code in Theme Settings > Custom CSS:

    .website-wrapper .main-page-wrapper {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

    Best Regards,

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