Access a community of over 900,000 Shopify Merchants and Partners and engage in meaningful conversations with your peers.
Hello, my shop below using the EMERGE theme
https://kevsjuice.myshopify.com/
https://mfps2qqadl8kv4lr-59320041629.shopifypreview.com
On the shop products page i would like to round the edges of my product cards...
The outline around the grid and sort by bar is also now very hard to see on my light background. Is there a way to change the border colour for these items? Attached the section i mean.
Thank you
hii, @oliverjames
Paste this code on top of the theme--async.css file.
.image--container img {
border-radius: 10px !important;
}
.collection--navigation--filter div {
outline: 1px solid !important;
}
Thank You.
add the following code at the bottom of your assets/theme--async.css
.featured-collection--carousel .product--root[data-product-view=slider] .product--image[data-item] {
padding: 0;
border: 2px solid #000;
border-radius: 25px;
}
.featured-collection--carousel .image--root img {
display: block;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease;
visibility: hidden;
width: 100%;
border-radius: 22px !important;
}
Thanks!
Thanks! Is there anyway to keep the browse tags with round edge?
I also have just realised this changes every image on the entire website, was hoping it would be for just the products on the shop pages.
@oliverjames
Remove this code so,
I can solve it.
Thank You.
User | RANK |
---|---|
211 | |
109 | |
87 | |
59 | |
51 |