Thanks! That restores the square image,
Unfortunately it places the post title way below it at the bottom of the page, instead of directly below the featured image.
If I switch to position: absolute, the bottom of the square is cut off, and the post title disappears.
Thanks for the idea.
I have tried editing the settings, but it makes no change to the display.
If I want to display a square image, instead of a clipped image that is a rectangle, how would I code that? I tried setting object-fit to scale-down, but it made no difference. I need the height to be the same as the width.
#ccc-my_favorite-list[data-ccc_my_favorites-list-style="1"] .list-ccc_favorite .img-post-thumbnail {
width: 100%;
padding-bottom: 56.25%; /* 16:9 */
position: relative;
}
#ccc-my_favorite-list[data-ccc_my_favorites-list-style="1"] .list-ccc_favorite .img-post-thumbnail img {
object-fit: scale-down;
width: 100%;
max-width: 100%;
height: 100%;
max-height: 100%;
position: absolute;
top: 0;
left: 0;
}
