Site logo

Archived topic

Remove Top Padding or Margin on Homepage Hero Image

1 reply · Started by Greg on January 23, 2020

Viewing posts 1–2 of 2

I have a hero image on my homepage that I would like to touch the menu. I have created a layout element for this page and set it to full width. I only want to remove the padding/margin on this page. I have other full width pages and I would like to keep the top padding/margin. Is there a way to style only 1 particular layout element? Thanks!

Hi there,

this CSS will remove the top margin just for the home page:

.home.full-width-content .entry-content {
    margin-top: 0;
}
This archived topic is closed to new replies.