Box around the buy now button doesn't show up

Technical Q&A
1

Hi!

I would like to add the same box thats around the button with the blue arrow to the button with the red arrow as seen below in the picture. I am hoping this can be done through code, however I don’t know how to fix this. Anyone suggestions?

Forum Question.png
Forum Question.png655×462 14.5 KB

The password is: passwordbrands

With the following link https://puur-geluk.myshopify.com/password

1 Like
2

Hi @JuliaGeluk

Kani_1-1661947978147.png
Kani_1-1661947978147.png700×235 5.21 KB

1: Online store > themes > Actions > Edit code > Assets > base.css

2: paste code at last

button.shopify-payment-button__button--unbranded {
    --border-opacity: 1;
}
1 Like
3

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.shopify-payment-button__button::after {
--border-opacity: var(--buttons-border-opacity);
}

Screenshot :- https://prnt.sc/NJPmDgbiRJX_

1 Like
4

Hello @JuliaGeluk !

To add the border please add the below CSS in your base.css theme file at the bottom:

.shopify-payment-button__button--unbranded:after {
    border: 1px solid !important;
}

Hope this helps.

1 Like
5

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.