Show blog featured images in 1:1 ratio

dmacdonald · ‎11-03-2021

Hi,

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

BriskDevelopers · ‎11-03-2021

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

BriskDevelopers · ‎11-03-2021

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

dmacdonald · ‎11-03-2021

Worked like a charm, thank you.

BriskDevelopers · ‎11-08-2021

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

Show blog featured images in 1:1 ratio

Community Blog Articles

Shopify Community

Support

Shopify

Quick Links