How can I restore the border on my Buy Now button in the Taste theme?

Hi there,

I’m not sure why but the border around the Buy Now button has disappeared but the Add to Cart button still has it.

I would like it around both, but I’m unsure how to add it back in??

I’m using the Taste theme.

My website isn’t password protected at the moment.

Thanks in advance!

1 Like

Hi,

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

Thank you.

@SLKSTUDIO

Could you provide me store URL? I should be able to answer your question.

Yours faithfully!

studioslk.com

my apologies, forgot to add it in!!

@SLKSTUDIO

.shopify-payment-button {
    border: 2px solid black !important;
}
.shopify-payment-button:hover {
    border: 1px solid black;
}

Add this code in the bottom of base.css file.

That definitely worked, but the buttons look different. Plus when I hover on them, they change opposite ways. I have attached photos for you to see

This is hover on ‘add to cart’

This is when not hovering on either

Thanks in advance!!

.shopify-payment-button:hover {
    border: 2px solid black !important;
}
.shopify-payment-button {
    border: 1px solid black;
}

@SLKSTUDIO remove previous code and use this code,

That worked, when no hover it looks good, when hovering on the ‘add to cart’ it is 2px border, but when I hover on ‘buy now’ there’s nothing, unless I’m on the very edge.

The checkout button also doesn’t have a border either.

I feel like something has gone weird with the theme in the first place when explains both problems, I just don’t understand what haha thanks for the help & sorry to be a pain!

@Mr_RaviRaj please see comment above