Change buttons border-radius

[Daniel19901]

Hi, for some reason I can't make the borders round in the drawer cart. Can anyone help ?

https://aaba5d-52.myshopify.com/

[Made4uo-Ribe · Accepted solution]

Hi @Daniel19901 

Check this one. 

1. From you Admin page, go to Online Store > Themes

1. Select the theme you want to edit
2. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
3. Then place the code below at the very bottom of the file.

#t4s-mini_cart .t4s-drawer__bottom .t4s-btn__cart, #t4s-mini_cart .t4s-drawer__bottom .t4s-btn__checkout  {
    border-radius: 30px;
    border-color: #4e102a;
}

.t4s-btn-base.t4s-btn-style-outline:after {
     border-radius: 30px;
    border-color: #4e102a;
}

• And Save.
• Result:
• 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks

[aBox_Agency]

Hello There,

can you please clarify which border you need to modify? Cart Drawer corner ? Button inside it or any other please mark it.

Thank You

[Made4uo-Ribe · Accepted solution]

Hi @Daniel19901 

Check this one. 

1. From you Admin page, go to Online Store > Themes

1. Select the theme you want to edit
2. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
3. Then place the code below at the very bottom of the file.

#t4s-mini_cart .t4s-drawer__bottom .t4s-btn__cart, #t4s-mini_cart .t4s-drawer__bottom .t4s-btn__checkout  {
    border-radius: 30px;
    border-color: #4e102a;
}

.t4s-btn-base.t4s-btn-style-outline:after {
     border-radius: 30px;
    border-color: #4e102a;
}

• And Save.
• Result:
• 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks

[BSS-TekLabs · Accepted solution]

- Here is the solution for you @Daniel19901 
- Please follow these steps:

- Then find the base.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

 

.t4s-minicart-recommendations {
    border-radius: 20px !important;
}
#t4s-mini_cart .t4s-drawer__bottom .t4s-btn__cart {
border-radius: 29px !important;
    border: 2px solid #4e102a !important;
}
.t4s-btn-base.t4s-btn-style-outline:after {
border-color: white !important;
}

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[Sweans]

Hi @Daniel19901 ,

You can change button border radius by adding a simple line of css.

In your Shopify store go to online store > themes > click on the three dots in your theme> edit code

Here, you can search for theme.css in your left sidebar.

And paste this code there.

.t4s-btn-base, 
.t4s-btn-base.t4s-btn-style-outline:before, 
.t4s-btn-base.t4s-btn-style-outline:after, 
.t4s-btn-base.t4s-btn-effect-rectangle-out:hover:before {
    border-radius: 32px;
}

Result :-

If you need further assistance, feel free to reach out!
I hope this helps! If it does, please like it and mark it as a solution!

Regards,

Sweans