Show blog featured images in 1:1 ratio

Solved
dmacdonald
New Member
2 0 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.

Accepted Solution (1)

Accepted Solutions
BriskDevelopers
Shopify Expert
116 11 20

This is an accepted solution.

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

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact us regarding any help, below our contact listed:
Shopify Expert Page: https://experts.shopify.com/brisk-developers
Email: support@briskdevelopers.com
Contact us: https://www.briskdevelopers.com/contact-us
Skype: briskdevelopers

View solution in original post

Replies 3 (3)
BriskDevelopers
Shopify Expert
116 11 20

This is an accepted solution.

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

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact us regarding any help, below our contact listed:
Shopify Expert Page: https://experts.shopify.com/brisk-developers
Email: support@briskdevelopers.com
Contact us: https://www.briskdevelopers.com/contact-us
Skype: briskdevelopers

View solution in original post

dmacdonald
New Member
2 0 1

Worked like a charm, thank you.

BriskDevelopers
Shopify Expert
116 11 20

Welcome! @dmacdonald 

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact us regarding any help, below our contact listed:
Shopify Expert Page: https://experts.shopify.com/brisk-developers
Email: support@briskdevelopers.com
Contact us: https://www.briskdevelopers.com/contact-us
Skype: briskdevelopers