Create a gap between featured image and title header

[sarahlouisewaterhouse]

Hi, please can you tell me how to create a small gap between the featured image on a page and the title header. Thank you

[prakash_s]

Hello @sarahlouisewaterhouse,

Thanks for writing to us.

Regretfully there is no option for that but you can achieve it by using the custom CSS code, you can add this custom CSS code to the global CSS.

.has-post-thumbnail .entry-featured {
margin-top: 5px;
margin-bottom: 5px;
}

You can set the margin-top and margin-bottom values as per your design. If it doesn’t work for you please share the exact page URL so that we can check your settings and guide you properly. The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks

[sarahlouisewaterhouse]

Hi, thanks. It didn’t work for me.

[christian]

Hey @sarahlouisewaterhouse,

The gap you see is the breadcrumbs area. The breadcrumbs are just hidden because the font color is white. You can disable that in Theme Options > Header > Crumbs

[sarahlouisewaterhouse]

Sorry, but my question was about the lack of a gap between the title header and the featured image.

[christian]

Hey @sarahlouisewaterhouse,

Sorry for the confusion. What you see is the Ethos Stack’s default page design. If you want a gap, please choose a different stack or switch the Page Template to a Blank template (see https://theme.co/docs/page-settings#page-attributes). After that, you need to build your page in Cornerstone. You can add the Featured Image to Cornerstone by dragging the Featured Image element to your Cornerstone content. You can then customize the page in Cornerstone to your liking.