Home › Forums › WoodMart support forum › Body Padding
Body Padding
- This topic has 17 replies, 2 voices, and was last updated 4 months, 2 weeks ago by Aizaz Imtiaz Awan.
-
AuthorPosts
-
June 29, 2024 at 11:57 am #576392
CrisperienceParticipantHi,
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 AwanKeymasterHello,
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
CrisperienceParticipantThat 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 AwanKeymasterHello,
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
CrisperienceParticipantThat 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 AwanKeymasterHello,
Sorry to say i am unable to login or visit your site due to database error:
https://ibb.co/zsL4qpyBest Regards.
July 5, 2024 at 12:15 pm #581180
CrisperienceParticipantThere’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 AwanKeymasterHello,
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
CrisperienceParticipantDid 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?
July 6, 2024 at 9:30 am #581421
Aizaz Imtiaz AwanKeymasterHello,
Yes, I have checked your shop page. It is looking like this:
See Screenshots:
https://ibb.co/C1YNs3Q
https://ibb.co/8mpK5hqThis is account page look like this:
https://ibb.co/9hwbstnCan you please clear the browser cache site cache and check the issue.
Best Regards.
July 6, 2024 at 12:32 pm #581471
CrisperienceParticipantThis 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.July 6, 2024 at 2:11 pm #581513
Aizaz Imtiaz AwanKeymasterHello,
What is the issue? It is showing fine on your account page.
https://ibb.co/bPKZFW7Best Regards.
July 8, 2024 at 11:22 am #581701
CrisperienceParticipantI 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.July 8, 2024 at 2:20 pm #581748
Aizaz Imtiaz AwanKeymasterHello,
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/JskT59SBest Regards.
July 8, 2024 at 2:22 pm #581753
CrisperienceParticipantThat’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.
July 8, 2024 at 3:29 pm #581804
Aizaz Imtiaz AwanKeymasterHello,
I have changed the Products columns on the desktop to 3:
https://ibb.co/w6HBm2HAnd it is showing fine.
https://ibb.co/rFrwKBnPlease provide more details or steps to reproduce the problem, and we will investigate further.
Best Regards.
July 8, 2024 at 3:32 pm #581809
CrisperienceParticipantI 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.July 9, 2024 at 10:32 am #581986
Aizaz Imtiaz AwanKeymasterHello,
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.
-
AuthorPosts
Tagged: margins
- You must be logged in to create new topics. Login / Register