Rounding corners of all buttons

bigfuturetoys
New Member
2 0 0

Hi everyone, I'm trying to round the corners of all my buttons in the Narrative theme.

 

So far, I've added this to my CSS:

 

.btn{border-radius: 10px;}

However, it seems like there's some sort of button container that isn't rounded. The corners kinda stick out. See the sharp corners around the button?

 

Capture.JPG

 

How do I fix that?

 

Thanks for your help!

0 Likes
Sudipta
Shopify Expert
275 13 55
.product-single__add-btn {
border-radius: 5px;
}

Try this

Sudipta 
MS Web Designer | Task4Store
20,000+ Tasks Completed | 1000+ Happy Clients

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution

bigfuturetoys
New Member
2 0 0

Nope, that didn't work :/

0 Likes
Denis_A
Shopify Partner
273 39 46

Hi @bigfuturetoys,

 

Try this:

.btn {
border-radius: 25px;
&:hover {
outline: none !important;
}
&:after {
outline: none !important;
} }
Get help with your Shopify store that you are looking for.
Shoot me an email: denis@thewebave.com
https://thewebave.com/
Cherizzle
Excursionist
24 0 4

Hello,

I am trying to round out all the buttons in the Atlantic theme. Please help

0 Likes
Denis_A
Shopify Partner
273 39 46

Hi @Cherizzle 

What's your store URL?

Get help with your Shopify store that you are looking for.
Shoot me an email: denis@thewebave.com
https://thewebave.com/
0 Likes
Cherizzle
Excursionist
24 0 4

Thank you for the quick reply. I was able to figure it out. 

0 Likes
Tiikow
Tourist
8 0 1

Hi,

 

please can you share how you done it please ?

0 Likes
MaDev1
Shopify Partner
53 3 31

@Tiikow The exact method might not work for your if you use a different theme
what is your store url?

Developer of PixPix image editor for Shopify
0 Likes
Tiikow
Tourist
8 0 1

hi,

 

thanks for the quick feedback, I did send it in PM. theme is :

Brooklyn

 

Tarik m

0 Likes