how to make all buttons and boarders curved

I want these and all boarders curved including search bar to this:

url: kickrshub.com

password: adley123

help me curve all search, quantity and checkout buttons

1 Like

hey @KickrsHub share URL of your website plz

Hello @KickrsHub
Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.

Check the updated message

Hey @KickrsHub .

In order to make the Buttons on the Cart page then you have to follow these steps.

Go to Shopify Admin > Click on Online Store > Select the theme where you want to make the corner of the button rounded > Click on Edit Code > In the Edit code search for base.css file > Go to the end of this file and paste the following code.

.cart__footer .button {
   border-radius: 8px !important;
   border-radius: 8px !important;
}

Results:

You can change the Border Radius Values based on your need.

hey i tried it and it gives me this result

1 Like

There is no need to edit code, this is done in theme configuration:

And the same for Inputs, a bit lower in theme settings.

So undo stylesheet edits you’ve done and do this in Customizer

Thank you so much! I been at this for hours with AI trying to code it. All is good however could you help me curve these

Hello @KickrsHub

  1. From your Shopify Admin, navigate to Online Store > Themes > Edit Code
  2. In the Assets folder, open base.css and add your CSS code at the end
.cart__footer .button::before {
border-radius: 30px!important;
}
.cart__footer .button::after {
border-radius: 30px!important;
}
.cart__footer .button {
   border-radius: 8px !important;
   border-radius: 8px !important;
}

As I mentioned, there are settings for Buttons and for Inputs:

Do not forget to like my messages if they are helpful by hitting the Thumb Up button!

1 Like