Ethos Images Query

[xmarine86]

Dear Support. I am struggling with the featured image used in the post carousel, single posts etc. Ethos-1 demo appears to have all the images in the carousel the same size. They all fit nicely within the Carousel and are full width on the related post page. This is what i am striving for but am struggling.

What is the best size of image too upload as featured image? That will fit nicely in both the carousel and the relevant posts.

My website https://www.bestofretro.com

Help!!

David

[rad]

Hi David,

Thanks for reaching out.

I recommend uploading image with the size around 980px width (for retina display too), it can be rectangle or square. Your current images are around 200px which are blurry.

Thanks!

[xmarine86]

Thanks. I have the following CSS:

.x-post-carousel {
margin-top: 32px !important;
}

Which creates a gap between the Post Carousel and the Nav bar. How can I do the same thing but with the Post image and the Nav bar on the main Post page?

Thanks
David

[ruenel]

Hello David,

Thanks for updating in! To have a gap between the post image and the navbar, please make use of this custom css:

.page .x-main.left .hentry .entry-featured, 
.single-post .x-main.left .hentry .entry-featured {
    margin-top: 0px;
}

Please let us know if this works out for you.

[xmarine86]

Terrific. Works a treat.

Many thanks.

David

[ruenel]

You’re welcome!
Thanks for letting us know that it has worked for you.