Docs

[Korbindall]

Hi, I read several forum entries about this problem but can’t figure it out.

The last entry (Lotus biscuit) shows a large featured image both on the index page and individual page. All other posts have nicely sized images which I would like to be able to have on all of the future posts.

http://korbindallas.com/news/

Can you help me?

Thank you

WP 4.6.1
X 4.6.4
Cornerstone 1.3.3

[Rad]

Hi there,

Thanks for writing in.

Would you like to hide them on blog ad post page? Or hide it from blog home page only? Or from post page only? Or do you wish to change their sizes on blog home page only? or for post page only? Or both?

Thanks!

[Korbindall]

Hello, I don’t want to hide them. I want them to look same size as in the previous blog entries (see “why hotel…” and “sourcing in poland”), and not blown out of proportion on both home page and post pages. I’ve tried several things but nothing worked, and I don’t know why?

Thank you

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

.blog .entry-featured, .archive .entry-featured,.single-post .entry-featured {
    width: 50%;
    margin-right: auto;
    margin-left: auto;
}

Hope that helps.

[Korbindall]

Hi, it didn’t quite do what I wanted it to do.

Example 1. Below is the post that shows the nice size image

http://korbindallas.com/why-hotel-renovation-projects-need-a-sourcing-company/

Example 2. And here is the post with out of proportion image

http://korbindallas.com/lotus-biscoff-biscuits-on-sale/

Example 3. And here is the post page where you can see how the featured images from the posts are displayed.

http://korbindallas.com/news/

I want all the images to be displayed like the Example 1. I have no idea why I can have it this way.

Can you help?

Thanks

Kristof

[Korbindall]

In the above examples I didn’t use the code you sent me, because it just made the images smaller globally and I didn’t like the way it looked.

[Rue Nel]

Hello There,

Thanks for updating in! Some of the featured images were being stretched out because they are smaller in size. This is the images does not look good since the image size is smaller than the featured image container. To make sure to display descent quality of the image and display the full image, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.site .entry-thumb {
    text-align: center;
    background-color: white;
}

.site .entry-thumb img {
    min-width: 10px;
    margin: 0 auto;
}

There will be some spaces left and right when displaying the full image. If you want to display the best quality, please re upload the image and make sure that your images dimension should be at least 800 x 800 pixels.

Hope this helps.

[Author]

Posts