How can I display blog featured images in a 1:1 ratio?

Store Design
1

Hi,

https://basefive.co/blogs/banter

Wanting to show blog featured images in a 1:1 (sqaure) ratio rather than landscape. Would love some help if possible.

2

Hi @dmacdonald ,

Copy below CSS code and paste in to assets/base.css file at last line,

.blog .media--landscape {
    padding-bottom: 100%;
}

Regards,
Jay

3

Worked like a charm, thank you.

1 Like
4

Welcome! @dmacdonald