Ridiculously huge featured images

[Bear25]

Hi there

I’m using X-Theme (ICON stack) on WordPress.

When I add a featured image to a page, blog post or gallery and then view the published site, it’s HUGE. The viewer would have to scroll down an entire screen’s worth before they see anything but the featured image. Is there a reason for this? So far I’ve just been trying to avoid using the feature images (using alt. images instead), but this really isn’t ideal. Especially when I want my feature images to show when sharing the links on social media, etc.
Is this normal behaviour for the feature images on X-Theme, or some kind of glitch? Can I stop this from happening and also still use featured images?

Any help is appreciated.

Thank you,
Sarah.

[nabeel]

Hi Sarah,

Thank you for reaching out to us. On the blog page you can set the blog style to Masonry, this will reduce the size of the featured images on the blog posts page. To do this, navigate to Theme Options > Blog and set the Style to Masonry:

For the single posts, you can add the following in the Theme Options > CSS:

.single .entry-featured {
    margin: 3% auto 0;
    width: 50%;
}

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!

[Bear25]

Hi @Nabeel

Thanks for your reply!

This worked really well, but it still looks a bit out of place having a square image centered at the beginning of my pages. Can you please let me know how to prevent it from showing altogether?

I’d also be curious to see how other people are using the featured image? I don’t think I’ve seen any other sites using a feature image in this way… am I doing it wrong? Should I be using rectangular/landscape feature images? If you have examples of sites that utilise this well, I’ve love to see them and be inspired since it seems like a big part of X-Theme!

Thanks in advance,
Sarah

[nabeel]

Hey Sarah,

If you want to hide the featured images on single posts, you can use this code instead:

.single-post .entry-featured {
    display: none;
}

In my opinion the most ideal featured image size is 1200 x 600 pixels, however we’ve showcase thread that you can follow to see examples of how people are using the featured images here https://theme.co/apex/forum/t/showcase-thread-official/284/253 or you can checkout our demos https://theme.co/x/demos/

Hope this helps!

[Bear25]

Hi @Nabeel

Yes, that’s perfect. The examples are great and my issue is resolved. Many thanks!

Cheers,
Sarah

[ruenel]

Hey Sarah,

You’re welcome!
We’re glad @Nabeel were able to help you out.

Regards.