How can I make the cart button rounded on the Emerge theme?

[oliverjames]

https://kevsjuice.com/

https://kevsjuice.myshopify.com/
PW: aickeu

I would like to change the cart button to be rounded instead of square - see attached reference (currently square)

[Mr_RaviRaj]

@oliverjames

even no any square box also.
Add a square box first.

[Denishamakwana]

Please add below css in bottom of assets/theme–async.css file

.header–cart-link {
border-radius: 14px;

}
Thank you.

[oliverjames]

It will only appear if you have an added product…

[oliverjames]

Did not work sadly

[Denishamakwana]

please try this

.header–cart-link[data-has-items=true] {
border-radius: 14px ;

}
Thank you.

[oliverjames]

still no luck, thank you though.

[Mr_RaviRaj]

@oliverjames

@media only screen and (min-width: 768px){
.header--cart-link[data-has-items=true] {
    border-radius: 25px !important;
}
}

Add this code in the bottom of the assets/theme–async.css file

[oliverjames]

Thank you!