Home Forums WoodMart support forum Body Padding

Body Padding

Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #576392

    Crisperience
    Participant

    Hi,

    Could you please help me with the body padding? As you can see in the screenshots, the header “overlays” the body. I want more space between the header and the body of each page. Thanks.

    Attachments:
    You must be logged in to view attached files.
    #576657

    Hello,

    Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS. If you want to add this css for specific pages use page id for this.

    .main-page-wrapper {
        margin-top: 40px !important;
    }

    Best Regards.

    #576676

    Crisperience
    Participant

    That worked, but it seems only the shop related pages needed to have their margins tinkered with. Other pages should stay as they were. I used this code to make it work, but am not sure if that’s the right way to do it. Please, check the code and let me know if there’s a better/more practical way.

    /* Add 40px margin to the whole website */
    .main-page-wrapper {
    margin-top: 40px !important;
    }

    /* Remove the margin for the specific pages */
    .page-id-3669 .main-page-wrapper,
    .page-id-4400 .main-page-wrapper,
    .page-id-4439 .main-page-wrapper {
    margin-top: 0 !important;
    }

    #576744

    Hello,

    Try to use this below code for archive pages.

    .archive .main-page-wrapper {
        margin-top: 40px !important;
    }

    Best Regards.

    #576746

    Crisperience
    Participant

    That doesn’t work. Only the “Shop” page seems ok, but other webshop related pages (single product, cart, etc.) do not work and have their margin wrong.

    #576909

    Hello,

    Sorry to say i am unable to login or visit your site due to database error:
    https://ibb.co/zsL4qpy

    Best Regards.

    #581180

    Crisperience
    Participant

    There’s something messed up with the margins. I removed the margins on the pages I have control (home, about us, and contact) and they work fine.

    Every other page (webshop related), such as shop page, single product, cart, my account etc., have too short top margins and some of them have huge footers. Please check the screenshots.

    Attachments:
    You must be logged in to view attached files.
    #581242

    Hello,

    For Other pages, You can find the option in the Design tab for WP bakery page builder and the Advanced tab for Elementor to remove the spaces.

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

    Best Regards.

    #581330

    Crisperience
    Participant

    Did you even check the pictures, please do? I also have a problem with the footer. Some of the pages such as product archive are “too short” which forces footer to expand I guess. Please confirm if that is the case and how should I fix it?

    #581421

    Hello,

    Yes, I have checked your shop page. It is looking like this:
    See Screenshots:
    https://ibb.co/C1YNs3Q
    https://ibb.co/8mpK5hq

    This is account page look like this:
    https://ibb.co/9hwbstn

    Can you please clear the browser cache site cache and check the issue.

    Best Regards.

    #581471

    Crisperience
    Participant

    This is how the My Account looks from my side. I tried different browsers as well. I also cleared the website cache.

    Attachments:
    You must be logged in to view attached files.
    #581513

    Hello,

    What is the issue? It is showing fine on your account page.
    https://ibb.co/bPKZFW7

    Best Regards.

    #581701

    Crisperience
    Participant

    I can’t figure out why is this happening. The footer is large for some reason on some pages. Here’s an example again from the shop page.

    Attachments:
    You must be logged in to view attached files.
    #581748

    Hello,

    I have checkout your shop page. It is showing fine. I have not seen any space under the issue in the shop page.
    Screenshot for clarification:
    https://ibb.co/JskT59S

    Best Regards.

    #581753

    Crisperience
    Participant

    That’s because I changed the product grid layout from 3 to 2 in a row, which made the body longer. That is not a permanent solution. What if I want to have 2 products in a row as it was? Refer to the sent screenshot, and disregard the current situation.

    #581804

    Hello,

    I have changed the Products columns on the desktop to 3:
    https://ibb.co/w6HBm2H

    And it is showing fine.
    https://ibb.co/rFrwKBn

    Please provide more details or steps to reproduce the problem, and we will investigate further.

    Best Regards.

    #581809

    Crisperience
    Participant

    I tried different browser but same result. The area below the footer with the copyright is too large/high.

    Attachments:
    You must be logged in to view attached files.
    #581986

    Hello,

    At my end, it is working fine. I have opened the site and not seen any space issue in the copyright area.

    Please check the site in the Incognito mode or check the site on any other laptop.

    Best Regards.

Tagged: 

Viewing 18 posts - 1 through 18 (of 18 total)