Solved

Can you alter square elements to oval in a Shopify store?

briannaxo
Tourist
4 0 1

How do you make the add to cart button oval along with other square things in a shopify store.

Accepted Solution (1)
Zworthkey
Shopify Partner
5581 642 1565

This is an accepted solution.

 

.ProductForm__AddToCart {
border-radius:20px;
}
.ProductForm__AddToCart:hover {
border-radius:20px;
}

 

Add this code to theme.scss 
thank you.
there will be option to change the hover

View solution in original post

Replies 7 (7)

Zworthkey
Shopify Partner
5581 642 1565

@briannaxo 
please Share your Site URL.

briannaxo
Tourist
4 0 1
Zworthkey
Shopify Partner
5581 642 1565

Some thing like thisScreenshot (1).png

briannaxo
Tourist
4 0 1

yes, along with anything else thats square lol 

Zworthkey
Shopify Partner
5581 642 1565

This is an accepted solution.

 

.ProductForm__AddToCart {
border-radius:20px;
}
.ProductForm__AddToCart:hover {
border-radius:20px;
}

 

Add this code to theme.scss 
thank you.
there will be option to change the hover

briannaxo
Tourist
4 0 1

Thank you for answering, with my theme it glitched it so i'll reach out to their support!

Zworthkey
Shopify Partner
5581 642 1565

Ok, 
Thank you.