Change Cart Button Color

Solved
borntoglam
Tourist
24 0 1

How do I change the "Checkout Securely" button on the cart page in the Envy Theme to white letters on a black background?

Accepted Solution (1)
PageFly-Henry
Globetrotter
504 130 104

This is an accepted solution.

Hi @borntoglam 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: paste bellow code in tag </body> -> save.

PageFlyHenry_0-1696863882088.png

 

 

<style>

.cart-button-checkout {

    background: black !important;

    color: white !important;

}
</style>

 

Hope that my solution works for you.

Best regards,

Henry | 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.

View solution in original post

Replies 4 (4)
fadi_yousif
Shopify Partner
315 40 54

Share your store URL so I can take a look

Freelance Shopify Developer | Helping Shopify merchants grow with high-converting online stores!
 - Did I help? Leave a tip!
 - Need my help? Chat on Telegram or WhatsApp
 - Was your question answered? Mark it as an Accepted Solution

topnewyork
Explorer
153 22 19

Hi @borntoglam 

Would you mind to share your store URL website, with password if its protected? Thanks!

Need a Shopify developer?
Hire us at topnewyorkwebdesign.com
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel
PageFly-Henry
Globetrotter
504 130 104

This is an accepted solution.

Hi @borntoglam 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: paste bellow code in tag </body> -> save.

PageFlyHenry_0-1696863882088.png

 

 

<style>

.cart-button-checkout {

    background: black !important;

    color: white !important;

}
</style>

 

Hope that my solution works for you.

Best regards,

Henry | 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.

borntoglam
Tourist
24 0 1

Thanks Henry.  One more question:  How do I move the proceed to checkout button on my cart page to the top of the page above the item list?  And how do I make the proceed to checkout button sticky?