Make Recent Post Images square

Support
#1

Hi there,

How can I make the images in my recent posts square vs. rectangular?

Thank you!

#2

Hi @fraichenutrition,

Thanks for writing in.

Add this in your custom CSS to make the images square:

.x-recent-posts .x-recent-posts-img{
    width: 72%;
    margin: 0 auto;
}

Let us know how it goes.

Thanks.

#3

That’s great and made the images square, but is there a way to make the square images fill the whole recent post box vs. shrinking the photos as per below.

#4

Hi There,

We can always use browser developer tools to inspect element and adjust: https://screencast-o-matic.com/watch/cbX0hh2txX
Use the following CSS instead:

.x-recent-posts .x-recent-posts-img {
    padding-bottom: 70.25%; /*Adjust this value accordingly*/
}

Add that on Cornertone page CSS so it will not affect all other CSS if you don’t intend to.

#5

Thank you!

#6

You are always welcome~

Cheers.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.