Docs

[444media]

Is there a way of adjusting the container size for the featured image in posts? I am finding that if I don’t use a rectangular image, with about a 3 to 1 ratio in pixel size for width to height, then the image appears way too large on the page above the content.

A wide image, no matter how large, fits much better then a small square. A smaller square image blows up far too large.

I have it set to full width (for the blog)…no sidebar

If there’s no way to change it, that’s OK…we’ll just have to always make sure we use rectangular images.

Thank you

[Prasant Rai]

Hello There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thanks.

[444media]

This reply has been marked as private.

[Joao]

Hi There,

Please use this code in Appereance> CUstomizer> Custom> CSS

Adjust the values according to your wishes.

/*This sets the maximum width (250px), position (centered) and adds a (5px) border on all POST Featured Images*/

.blog .entry-featured {
position: relative;
padding: 5;
width: 250px;
float: none;
margin: 20px auto;
}

/*This sets the maximum size and centers all POST Featured Images*/

.single .entry-featured {
position: relative;
padding: 5;
width: 600px;
float: none;
margin: 20px auto;
}

/*This sets the maximum size and centers all PAGE Featured Images*/

.entry-featured {
position: relative;
padding: 5;
width: 750px;
float: none;
margin: 20px auto;
}

Hope that helps,

Joao

[444media]

Thank you Joao for this. Only issue/question I have with this is now that I placed the code, it has made the images on the main posts (blog) page too small (http://ccrcofamerica.com/news/). How do I adjust the sizes of these back to how they were before (the width of the teaser content container); and then independently still adjust the size of the featured image above the posts? Or are these two adjustments linked to each other?

Thanks so much!

[John Ezra]

Hi there,

Thanks for updating the thread! Please remove previous CSS and just use the middle one.

/*This sets the maximum size and centers all POST Featured Images*/

.single .entry-featured {
position: relative;
width: 600px;
float: none;
margin: 20px auto;
}

Let us know how that goes. Hope this helps – thanks!

[444media]

Perfect! Thanks John…really appreciate the help…and so fast too. You guys are great 🙂

[Nico]

Happy to hear that.

Feel free to ask us again.

Thanks

[444media]

Quick follow up question to this. Right now the default is the featured image of the post appears at the top of the post itself. If I want to turn that off, can I? If so, how?

I’ll always want a featured image of course, so that they appear on my main posts page, above any blurb. But I might not necessarily want that image as the image on top of the post itself when opened. Just want to see if I can maybe toggle that off.

Thanks!

[Rad]

Hi there,

You may add this CSS as well 🙂

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

Thanks!

[Author]

Posts