Buy it now button

14 0 6

Hello, I am trying to remove this white outline around the buy it now button. I added the black outline and want it to be filled in. 


Also does anyone know how to change the "buy it now" to all caps?



password: task1dataScreen Shot 2023-05-31 at 3.27.33 PM.png

Replies 2 (2)
Shopify Expert
5057 902 1205

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 {
border: none; /* Remove the white outline */
color: white; /* Set the button text color */
text-transform: uppercase; /* Convert text to uppercase */





Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Shopify Apps URL :-
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
14 0 6

Hi this did not work for me. 


I already have a black border that I want to keep.