How to round button corners on the Prestige theme?

Store Design
1

hello, we would like to round the corners of the buttons on our store. we currently use the prestige theme. Can you please help me? Thank u!

2

@rb18
Hello, Can You Please Share Your Store URL

button {border-radius: 20px;}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid or base.scss.liquid

3

hi mate, it doesn’t work mainly because i don’t have a theme.scss.liquid file in my theme. its the prestige theme. this one only has theme.liquid or theme.css

4

Hello Again @rb18

Try this-

Go to Online Store-> Theme->Edit code->theme.css-> Add the code to this file.

button {border-radius: 20px;}
5

Hi @rb18

I’m Richard Nguyen from PageFly- Free Landing Page Builder

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->theme.liquid->paste bellow code in tag

button { border-radius: 40px !important; }

Please refer to this screenshot: https://prnt.sc/afpBHc_RJbvN

Hope that my solution works for you.

Best regards,

Richard | PageFly

6

it does work partly lol. can you please check the url? ill sent you a dm

7

@rb18

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->theme.css ->paste bellow code in bottom of file

.Button{
border: none !important;
}
.Button:before {
border-radius: 100px !important;
}

8

Hello @rb18

Please could you share your store URL so that I can review it?

9

Hello @rb18

It will be helpful if you try this code:-

Go to Online Store-> Theme->Edit code->theme.css-> Add the code to this file.

.Button {
    border-radius: 20px !important;
}