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!
Any other problem Let me know.
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 🙂
User | RANK |
---|---|
123 | |
98 | |
77 | |
69 | |
38 |
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022