Rounded Buy it Now Button on the Product page

Store Design
1

I have tried both codes but not working. Add to Cart Button is fine but But it Now button is not rounded on the product page. Kindly advise.

.product-item–vertical .product-item__action-button,
.product-item–horizontal .product-item__action-button {
border-radius: 30px;
}

button.shopify-payment-button__button.shopify-payment-button__button–unbranded._2ogcW-Q9I-rgsSkNbRiJzA._2EiMjnumZ6FVtlC7RViKtj._2-dUletcCZ2ZL1aaH0GXxT.navigable {
border-radius: 50px!important;
}

button.jpg
button.jpg542×132 7.27 KB

1 Like
2

@Bilalkhan1986

Sorry you are facing this issue, it would be my pleasure to help you.

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

Please share your site URL,
I will check out the issue and provide you a solution here.

3

https://bilalkhan1986.myshopify.com/

I have sent you a msg for password

4

@Bilalkhan1986

thanks i will check and update

5

Many thanks. Waiting for your positive feedback.

6

Hi @Bilalkhan1986 ,

Go to Assets > theme.css and paste this at the bottom of the file:

.shopify-payment-button button {
    border-radius: 100px !important;
}

Hope it helps!

7

Many thanks. It’s solved

1 Like