Change the Transparency of Checkout Button

Foncken
New Member
4 0 0

Hello,

i cant seem to find how i change the Checkout Buttons to a Solid Color. 

As of right now its slightly transparent and only becomes how i would like it permanently when i hover over it. 

 

Website is the following: https://mycayn.de/ 

 

Best regards. 

Replies 5 (5)

PageFly-Victor
Shopify Partner
7865 1785 3050

Hi @Foncken 

Please try to use this code below

.cart-popup .btn--secondary-accent {
	background-color: red;
	color: white;
}

and follow this path:
Themes => edit code => asset => theme.scss.liquid
and add this code to the bottom of the file theme.scss.liquid 

I hope this can help you to solve your issue. Like it or mark as a solution if you find it helpful. 

And I also have a guide to provides some tips to personalize the checkout page for Shopify store, you can check it if you're interested in. 

Let me know if you have any further questions. Cheers!

diego_ezfy
Shopify Partner
2936 562 883

@Foncken 

To fix it in 20 seconds:


1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:

 

.btn:not([disabled]){
    color: #fff !important;
    background-color: #f3948a !important;
}


Let me know whether it works, please.

 

◦ Follow my blog & youtube for coding tutorials. Most questions in here are already answered there!
◦ Top #4 Shopify Expert, 24h reply. Click here to hire me.
Download copy/paste code snippets that can replace most apps.

Foncken
New Member
4 0 0

Thank you so much!

This worked perfectly. 

 

Thank you alle guys for the fast reply. 

 

Kind Regards

Foncken
New Member
4 0 0

Hey one more Question. Is there anyway to overwrite the color but only in "cart submit" 

 

kind regards

suyash1
Shopify Partner
9081 1130 1479

@Foncken 

please add following css to the end of theme.scss file

.cart__submit{color: #fff; background-color: #f3948a;}

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI