Rounded button

Solved
Highlighted
New Member
4 0 0

Hey!

Right now I have added a code that make some of the buttons rounded but not all of them. For example the "Buy now" button is not rounded. My website is careofpets.se and password is "puppy". If there is someone who knows how I can make all of the buttons rounded I would be very pleased. My website is in swedish so if there is any questions, please ask!

Sincerely,

William

0 Likes
Highlighted
Shopify Partner
15 4 4

Hi William,

 

Add this code in your theme.liquid file before </body> tag.

<style>
.btn, div[role="button"] {
    border-radius: 5px !important;
}
</style>

 

If you want more rounded buttons, try increasing the value from 5 to 10px.

Coding is my ninja way
1 Like
Highlighted
New Member
4 0 0

Perfect! Now some of my buttons is rounded but my button "Köp nu" is still squared, do you know why?

0 Likes
Highlighted
Shopify Partner
15 4 4

Can you send me a preview link of the theme where you applied the code, and tell me where the button is which is not round ?

Coding is my ninja way
0 Likes
Highlighted
New Member
4 0 0

https://careofpets.se/ - password "puppy"

If you go down at the page and look at the "Köp nu" button it is still squared after the coding.

0 Likes
Highlighted
Shopify Partner
15 4 4

This is an accepted solution.

Update the code to this: 

 

<style>
.btn, div[role="button"], button[type="button"], button {
    border-radius: 5px !important;
}
</style>

 

Coding is my ninja way
0 Likes
Highlighted
New Member
4 0 0

Thank you so much! Now it is working:)

0 Likes