Page Content Padding

I’m trying to use another page builder but Basel has on all pages a 20px top and bottom margin. How can I remove this?

Hi,

Try to add the following code snippet to the Custom CSS area in Theme Settings to remove this margin

.site-content,
.main-header,
.header-spacing {
	margin-bottom: 0!important;
}

Regards

Hi Artem, thanks that works there is just one error now on the product page which is the header goes -20px. Please see the screenshot.

Attachments:

You must be logged in to view attached files.

Or another question: can I just adjust the Custom CSS for a specific site like the landing page that there isn’t a 20 px gap between header and slider?

In this case, you need to remove this code and set negative margin top for the first row with the builder you are using since this margin is required for all other pages on the website.

Alright I’ll let this code in the custom css part but I need to put 20px on the product page site otherwise I get the bug from the last screenshot. How can I accomplish that?

Try to use this snippet instead

body:not(.single-product) .site-content,
body:not(.single-product) .main-header,
body:not(.single-product) .header-spacing {
	margin-bottom: 0!important;
}

[Author]

Posts