Shopify themes, liquid, logos, and UX
Hi,
I'm looking for a way to make all of the thumbnail images in a collections page square.
I have two stores - one uses DEBUT and one uses BROOKLYN themes.
Thanks in advance
Solved! Go to the solution
This is an accepted solution.
thanks for url
yes please try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.grid-view-item__image-wrapper div {
padding-top: 100% !important;
}
.grid-view-item__image-wrapper .grid-view-item__image {
height: 100%;
object-fit: cover;
}
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!😊
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
Thanks for that!
www.montrachet.myshopify.com (Password: Montrachet4006!) and also www.mica-express.myshopify.com
This is an accepted solution.
thanks for url
yes please try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.grid-view-item__image-wrapper div {
padding-top: 100% !important;
}
.grid-view-item__image-wrapper .grid-view-item__image {
height: 100%;
object-fit: cover;
}
Thank you so much! It works!
its my please share to help us
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024