Change "Content Section Padding" on a single page

Site URL: https://www.philipslotte.se/

Hello,
I would like to remove the gap between the images and header on my homepage: https://www.philipslotte.se/ without affecting any of my other pages.

I've been searching around on Google and other forums to find a solution but I haven't found anything that works yet.

I would really appreciate some help.

Thanks in advance.

16 hours ago, Slotte said:

Site URL: https://www.philipslotte.se/

Hello,
I would like to remove the gap between the images and header on my homepage: https://www.philipslotte.se/ without affecting any of my other pages.

I've been searching around on Google and other forums to find a solution but I haven't found anything that works yet.

I would really appreciate some help.

Thanks in advance.

Do you mean like so

9 hours ago, bangank36 said:

Do you mean like so

I managed to work around it by changing the "Content Section Padding" from 60px to 0px and then add a "spacer" at the top and bottom of each page except for the homepage.

But I would prefer to keep the "Content Section Padding" at 60px and just have it at 0px only on the homepage.

On 7/5/2021 at 8:30 PM, Slotte said:

I managed to work around it by changing the "Content Section Padding" from 60px to 0px and then add a "spacer" at the top and bottom of each page except for the homepage.

But I would prefer to keep the "Content Section Padding" at 60px and just have it at 0px only on the homepage.

 

 

You can revert to 60px in default setting & &add this to Design > Custom CSS

/* Homepage space under header */
body.homepage .Main-content {
    padding-top: 0px !important;
}

On 7/7/2021 at 7:46 AM, tuanphan said:

You can revert to 60px in default setting & &add this to Design > Custom CSS

/* Homepage space under header */
body.homepage .Main-content {
    padding-top: 0px !important;
}

 

Thank you so much! :)