Can I edit the Buy It Now button's appearance on Shopify?

tourbrandus
Excursionist
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?

 

Website: tourbrand.us

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

Replies 2 (2)

ZestardTech
Shopify Expert
5393 970 1291

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 */
}

 

ZestardTech_0-1685594152083.png

 

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
tourbrandus
Excursionist
14 0 6

Hi this did not work for me. 

 

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