All things Shopify and commerce
I would like to resize the images in "text column with images" section to be the size of images in "collection list" section.
If you see below... the 4 icons for "Animals, Flowers, Designer, Essential" (collections) are much smaller. Basically, I'd like to make the size of the 3 icons for "fresh and fun, education, inclusive" smaller.
Would someone suggest how I can do this please? Grateful for the help.
Solved! Go to the solution
This is an accepted solution.
HI, Open edit your theme.scss file from admin panel and add code bellow in the file.
@media only screen and (min-width: 750px){
.template-index .column-flex__image {
height: 204px;
width: 204px;
background-position: 100% 100% !important;
margin: 0 auto;
}
}
Thanks
Could you share me the shop URL?
Yes, of course! You can access the store here.
The temporary storefront pass is: ocinuj
This is an accepted solution.
HI, Open edit your theme.scss file from admin panel and add code bellow in the file.
@media only screen and (min-width: 750px){
.template-index .column-flex__image {
height: 204px;
width: 204px;
background-position: 100% 100% !important;
margin: 0 auto;
}
}
Thanks
It works well, thank you for your help!
Really appreciated
Hi
I've got the same problem but in Debut Theme. Unfortunately, the above code does not work for me. Shall I modify the code somehow?
I appreciate it if you could help me!
Dávid
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