Featured Image Full Width for Post-Level View?

[ABWosp]

Is there a way to have the featured image in a single post (post-level view) be full-width? I already have the post output into an Essential Grid on my front page, but would like to use up the dead space at the top of my single posts.

Thanks!

[paul.r]

Hi,

Thanks for writing in!

To achieve that, you can add this in Theme Options > CSS

.single-post .entry-featured img {
   width:100%;
}

Hope that helps.

[ABWosp]

I love that it’s full width now…exactly what I was hoping for…however, the picture is gigantic and you have to scroll for the article beneath. I was hoping for something like at the top of the blog post page that is wide but thinner… Ideas?

[Prasant]

Hello @ABWosp,

Thanks for updating the thread.

Can you please share the website URL? I checked the URL that’s assigned on your licence page and that’s directing to 403 page. I tried removing the WordPress from URL and then I see under construction page.

Thanks.

[jade]

Hi there,

A solution that you can try to do is to set a maximum height to the image container but a drawback for it would be that some parts of the image will be cut off. You can try it with this code:

.single-post .entry-featured {
    max-height: 280px;
    overflow: hidden;
}

Please note that if you want to set a height to the image, you will have to compromise on how the image will look. You could however, write more custom code to achieve what you are aiming to do but this goes beyond the scope of our support.

Hope this helps.

[ABWosp]

Maybe I will keep the samller size as it was instead of full width…but is there a way to center it, then, instead of left-aligned?

[Prasant]

Hello @ABWosp,

Thanks for updating thread.

Please add following CSS under X > Theme Options > CSS to centre align image:

.single-post .entry-featured img {
    margin: 0 auto;
    display: block;
}

Thanks.

[ABWosp]

You are awesome, Prasant!!! Thank you!!!

[friech]

We are delighted to assist you with this.

Cheers!