Editing a Button

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: 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)
miguel_liquify
Shopify Partner
176 18 16

Can you provide the store URL?

★★★ Need help setting up your Shopify store? Hire me here: https://liquify.design ★★★
PageFly-Richard
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.