How to customize the Shop Now button shape on my theme?

Store Design
1

Hello! I am using an customized theme.

How can I change the shape of the Shop Now button?

Would love to round up the corners, change the height and width of the button

3 Likes
2

Hi Drazze,

Thank you for your good question.

Can you please share your store URL?
I will check & let you know.

Kind Regards,
JasHet
Shopify Developer

3

@drazze

Welcome to the Shopify community!
Thanks for your good question.

Please share your store URL.
So that I will check and let you know the exact solution here.

4

Hii @drazze

This can be done through custom code.

Go to Assets → theme.css and find button code and add border-radius: 25px property in it. This will make your button rounded.

if you don’t know about code kindly share your website link , I will be eager to assist you.

Thanks

1 Like
5

Hi @drazze ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

6

Hi @drazze ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/style.css->paste below code at the bottom of the file:
.btn--lg {
    border-radius: 20px !important;
    padding: 13px 22px;
}

NOTE: Value border-rardius is round. Value padding is width, height. You can change value to suitable for theme

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

7

@drazze

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

Add this code in the style.css file

8

@drazze
Let me know if you need any more help,
kindly like and accept our solution if helpful.