EMERGE theme help: Round product image corners & change colour of browse/sort by tag outline

oliverjames
Excursionist
23 0 8

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

 

Screen Shot 2021-09-22 at 6.14.35 PM.pngScreen Shot 2021-09-22 at 6.14.22 PM.png

0 Likes

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.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
Buy me a coffee ☕ Donate Us
dmwwebartisan
Shopify Partner
9303 2153 2934

@oliverjames 

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!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
oliverjames
Excursionist
23 0 8

Thanks! Is there anyway to keep the browse tags with round edge?

0 Likes
oliverjames
Excursionist
23 0 8

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.

0 Likes

@oliverjames 
Remove this code so,
I can solve it.
Thank You.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
Buy me a coffee ☕ Donate Us