Adding space between nav bar and featured image on blog posts

[RoseA19]

Is there a CSS code to increase space between the featured image on my blog posts and the nav bar? The blog index page has the correct spacing but not the individual posts. I’m using Gutenberg to edit blog posts.

[mldarshana]

Hi There @RoseA19

Thanks for writing in! Could you please try adding the following CSS rule into your X -> Theme Options -> CSS area and see if that helps.

.single-post .entry-featured {
    margin-top: 20px;
}

If not, provide us with an example link to your individual blog post to check your issue further.

Thanks!

[RoseA19]

@mldarshana

.single-post .entry-featured {
margin-top: 20px;
}

I added the CSS but there’s still no space.

[ruenel]

Hello @RoseA19,

The code did not work because there is a default offset value for the top margin. To override that default value, you will have to use this code instead:

.page .x-main.full .hentry .entry-featured, 
.single-post .x-main.full .hentry .entry-featured {
    margin-top: 0 !important;
}

I went ahead and edited your theme option already. Please check your site now.

[RoseA19]

Perfect, thanks!

[friech]

We are delighted to assist you with this.

Cheers!