Solved

Change color of checkout button in cart

Sensei_Ryan
Shopify Partner
30 0 15

How would I change the color of the checkout button in the cart to a black button with white text?

 

showcase theme

website url: https://thepawcode.com/

storefront password: pasuth

 

Thanks!

Accepted Solution (1)

KetanKumar
Shopify Partner
36845 3636 11978

This is an accepted solution.

@Sensei_Ryan 

can you please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/styles.css ->paste below code at the bottom of the file.

.under-cart .checkout-btn {background: #bae0fc;text-transform: uppercase;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 4 (4)

KetanKumar
Shopify Partner
36845 3636 11978

This is an accepted solution.

@Sensei_Ryan 

can you please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/styles.css ->paste below code at the bottom of the file.

.under-cart .checkout-btn {background: #bae0fc;text-transform: uppercase;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Sensei_Ryan
Shopify Partner
30 0 15

Thanks! This worked though I had to change the text transform part to "color" and entered the hex code.

KetanKumar
Shopify Partner
36845 3636 11978

@Sensei_Ryan 

its my pleasure to help us 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

made4Uo
Shopify Partner
3805 713 1129

Hi @Sensei_Ryan,

 

Try the code below. 

 

Please place this code below to your global or common CSS file. 

.button.qbk-clone-button{
background-color: rgb(17, 17, 17) !important;
color: rgb(255, 255, 255) !important;
}

 

Volunteering to assist you!  Likes and Accept as Solution  is highly appreciated.✌
Coffee fuels my dedication. If helpful, a small Coffee Tip would be greatly appreciated.
Need EXPERIENCED Shopify developer without breaking the bank?
Hire us at Made4Uo.com for quick replies.
Stay in control and maintain your security by avoiding unnecessary store access!