Shopify themes, liquid, logos, and UX
Hi,
I would like to get round corners on all images, except for the slideshow images and full side-to-side images.
I'm using the prestige theme.
Can anyone help?
www.cutegeek.dk (Code: 1234)
Solved! Go to the solution
This is an accepted solution.
Please add the following code at the bottom of your assets/theme.css file.
.CollectionItem__ImageWrapper {
border-radius: 25px ;
overflow: hidden;
}
Hope this helps.
Thanks!
Please add the following code at the bottom of your assets/theme.css file.
.Image--lazyLoaded.Image--fadeIn {border-radius: 7px;overflow: hidden;border: 1px solid #dddddd;}
@media screen and (min-width: 1008px){
.Product__Gallery--stack .Product__Slideshow .Image--lazyLoaded.Image--fadeIn {
border-radius: 7px;
overflow: hidden;
border: 1px solid #dddddd;
}
}
Hope this helps.
Thanks!
@dmwwebartisan Thanks, it works on most of the images.
Now it's only the collection images that also needs to be rounded - do you know how? 🙂
It's these:
This is an accepted solution.
Please add the following code at the bottom of your assets/theme.css file.
.CollectionItem__ImageWrapper {
border-radius: 25px ;
overflow: hidden;
}
Hope this helps.
Thanks!
@dmwwebartisan Thanks, I removed "Image" from _ImageWrapper, and then it worked 🙂
Any other problem Let me know.
Thanks!
User | RANK |
---|---|
210 | |
168 | |
70 | |
55 | |
53 |
Make the shift from discounts to donations, and witness your business not only thrive fina...
By Holly Dec 4, 2023On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023You've downloaded the Search & Discovery app from the Shopify App store, and as you're ...
By Skye Nov 8, 2023