Body Padding

This topic has 8 replies, 2 voices, and was last updated 2 hours, 42 minutes ago by Crisperience.

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

Author

Posts
June 29, 2024 at 11:57 am #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.

July 1, 2024 at 11:26 am #576657
Aizaz Imtiaz Awan
Keymaster
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.
July 1, 2024 at 11:50 am #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;
}

July 1, 2024 at 2:33 pm #576744
Aizaz Imtiaz Awan
Keymaster
Hello,

Try to use this below code for archive pages.
```
.archive .main-page-wrapper {
    margin-top: 40px !important;
}
```
Best Regards.
July 1, 2024 at 2:37 pm #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.

July 2, 2024 at 9:06 am #576909

Aizaz Imtiaz Awan
Keymaster

Hello,

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

Best Regards.

July 5, 2024 at 12:15 pm #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.

July 5, 2024 at 1:58 pm #581242

Aizaz Imtiaz Awan
Keymaster

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.

July 5, 2024 at 4:40 pm #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?
Author

Posts