Removing featured image from blog page leaves excess padding

Support
#1

On this page:

I’m using the following custom CSS to hide the large ‘featured image’ that is automatically appearing at the top of the page (this is my main blog page).

.page .entry-featured.mtn {
display: none !important;
}

The issue is that the area at the top where I’m removing the featured image from now has a lot of extra padding:

How can I eliminate this padding?

Perhaps there is a better way to remove the featured image from this page (my posts page) rather than the code i’m using above?

Thank you

#2

Hey There,

Add following code to your Custom CSS:

.blog .entry-content { margin-top: 0 }

This should remove the padding that was added for the featured image. All the best!

#3

this code didn’t change the padding. i also tried clearing cache and adding !important

#4

Hi there,

Please try this:

.page-template .x-container.offset {
    margin-top: 0;
}

p:empty {
    display: none;
}

Hope this helps.

#5

thanks, this worked

#6

Glad it’s now sorted.

Cheers!