Button Border

Store Design
,
1

Hi,

I have 2 issues, please help.

  1. Buy It Now button doesn’t show Border on hover

  2. Add To Card and Buy It Now buttons are not the same size

My url: https://189ee3-2.myshopify.com/products/jacket

Thank you so much.

1.png
1.png533×538 13.3 KB

2.png
2.png577×557 14.1 KB

2

Hi @collins276

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

button.shopify-payment-button__button.shopify-payment-button__button–unbranded {

height: 100% !important;

}

.shopify-payment-button__button–unbranded:after {

border: 1px solid !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

3

Thank you,

But the first code doesn’t work. ADD TO CARD remains 42px and BUY IT NOW goes up to 48px in height. How can I set them both 42px?

4

You can try with this code:

button#ProductSubmitButton-template–16325953159350__main,
button.shopify-payment-button__button.shopify-payment-button__button–unbranded {
height: 42px !important;
}