Shopify themes, liquid, logos, and UX
I'm looking for a code to help make the collage block images about 20% smaller (or to fit within the fold) and remain in the same format (3rds).
right now they re too large for the page and too pixelated.
here is the preview of my store: https://kx6agpnej9lgz08u-19884295.shopifypreview.com
Solved! Go to the solution
This is an accepted solution.
Hi @Montique
You can try follow this path:
Themes => edit code => asset => base.css
and add this code to bottom of the file base.css
@media screen and (min-width: 750px){
.collage {
max-width: 80%;
margin-inline: auto;
}
}
This is an accepted solution.
Hi @Montique
You can try follow this path:
Themes => edit code => asset => base.css
and add this code to bottom of the file base.css
@media screen and (min-width: 750px){
.collage {
max-width: 80%;
margin-inline: auto;
}
}
Hello, I am using the Taste theme and I want to shrink the size of the collage section too. Will this code work for Taste Theme? Thank you.
In Canada, payment processors, like those that provide payment processing services t...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025