Blog entry title line height and white space between image, entry header and content

[lindavanrumpt]

Hi there,

I have to questions about my ethos blog post layout.

How can I change the line height from the blog entry title to create more white space in the blog title?

And how can I create more white space between the blog title and the image above and the content below?

Marketing Energie van de maand April ~ SilentShift.earth

Hope you can help!

Kind regards,
Linda

[prakash_s]

Hello Linda,

Thanks for writing to us.

To increase the line-height of the post title and gap between title and image you need to add this custom CSS code under X—>Theme Option -->CSS

The gap between image and title

.single-post .x-main .hentry .entry-featured {
    margin-bottom: 50px;
}

Increase title line space

.single-post h1.entry-title {
    line-height: 1.8;
}

Please feel free to change the line-height and margin-bottom value as per your design.

The purpose of providing the custom CSS 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.

Hope it helps.
Thanks

[lindavanrumpt]

Thank you, this helps

[prakash_s]

Hello @lindavanrumpt,

Glad that we were able to help you. Please feel free to reach us if you have any queries regarding our theme and theme settings.

Have a great day!
Thanks