Editing a 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?


Website: tourbrand.us

password: task1data

Screen Shot 2023-05-31 at 3.27.33 PM.png


I am also wondering how to make this checkout button keep the black outline once I hover over it. Screen Shot 2023-06-02 at 3.59.25 PM.png 


Screen Shot 2023-06-02 at 3.59.30 PM.png


Any help would be appreciated

Replies 2 (2)
Shopify Partner
176 18 16

Can you provide the store URL?

★★★ Need help setting up your Shopify store? Hire me here: https://liquify.design ★★★
Shopify Partner
3437 756 1404

Hi @tourbrandus 

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:


Online Store ->Theme ->Edit code

Assets ->Base.css

button.shopify-payment-button__button.shopify-payment-button__button--unbranded.BUz42FHpSPncCPJ4Pr_f.jjzYeefyWpPZLH9pIgyw.RWJ0IfBjxIhflh4AIrUw {
    text-transform: uppercase !important;

Hope you find my answer helpful!

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!

PageFly - #1 Page Builder for Shopify merchants.

All features are available from Free plan. Live Chat Support is available 24/7. 

Make your Instagram Feed a Sales Generator with VIBE Shoppable Instagram Feed.