Docs

[joerare]

Right now the thumbnails that show up on my blog index page, http://mediumraremedia.com/blog the thumbnail images are cropped on the sides, meaning they are not scaling down with the same proportions as when they are featured images on post pages.

How can I keep the correct proportions?

[Rue Nel]

Hello There,

Thanks for writing in! To keep the proportion of your featured images, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.blog .entry-thumb,
.archive .entry-thumb {
  background-size: contain;
}

Hope this helps. Kindly let us know.

[joerare]

Now how do I also keep the same featured image proportions on the homepage, when using cornerstone and the recent posts element?
You can see the section here: http://mediumraremedia.com

[Paul R]

Hi,

Upon checking, I didn’t see a recent posts element in your homepage.

If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do ( perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

[joerare]

Sorry, looks like my cornerstone update didn’t save. It’s there now…can you please review and let me know how to make the featured images keep the proportions in this area?

[Rue Nel]

Hello There,

To keep the same featured image proportions on the homepage, please edit your page in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

.site .x-recent-posts .x-recent-posts-img{
  background-size: contain !important;
}

Hope this helps. Kindly let us know.

[Author]

Posts