Solved

Changing the colors of the View Cart and Checkout button in Prestige Theme

TheTrnchs
Visitor
1 0 0

I need help in changing the colors of the View Cart and Checkout Button on my Shopify online store. Could someone direct me on how to change the code to help with this issue. 

Screenshot 2024-05-09 at 6.09.47 PM.png

Accepted Solution (1)

HDL-Shin
Shopify Partner
80 20 15

This is an accepted solution.

Hi @TheTrnchs,

You can try this code by following these steps:

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

HDLShin_0-1715308149206.png

Step 2: Search file base.css, theme.css or styles.css 

HDLShin_1-1715308207991.png

Step 3: Insert the below code at the bottom of the file -> Save

.cart-drawer__footer .button[href='/cart'],
.cart-drawer__footer button[type='submit'] {
background-color: black !important;
color: #ffff;
background-size: 0 100%, 100% 100%;
}

 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
♥️♥️♥️ HDL-Shin || Shopify Partner ♥️♥️♥️

View solution in original post

Replies 3 (3)

AnneLuo
Shopify Partner
480 98 96

Hello, @TheTrnchs 

Please share the store URL so that I can assist you.

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   Buy Me A Coffee

HDL-Shin
Shopify Partner
80 20 15

This is an accepted solution.

Hi @TheTrnchs,

You can try this code by following these steps:

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

HDLShin_0-1715308149206.png

Step 2: Search file base.css, theme.css or styles.css 

HDLShin_1-1715308207991.png

Step 3: Insert the below code at the bottom of the file -> Save

.cart-drawer__footer .button[href='/cart'],
.cart-drawer__footer button[type='submit'] {
background-color: black !important;
color: #ffff;
background-size: 0 100%, 100% 100%;
}

 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
♥️♥️♥️ HDL-Shin || Shopify Partner ♥️♥️♥️

techlyser_web
Shopify Partner
1507 278 298

Hello @TheTrnchs 
Can you share store URL?

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com