How can I modify the color of the cart button in the Envy Theme?

Solved

How can I modify the color of the cart button in the Envy Theme?

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
Shopify Partner
1184 335 289

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
345 43 67

Share your store URL so I can take a look

Freelance Shopify Developer


Did I help? Leave a tip!

topnewyork
Globetrotter
633 114 134

Hi @borntoglam 

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

Need a Shopify developer?
Hire us at Top New York Web Design
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel

PageFly-Henry
Shopify Partner
1184 335 289

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?