Change the Transparency of Checkout Button

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

0 Likes
Highlighted

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!

PageFly - Advanced Shopify Page Builder.
- PageFly Page Builder: Website | Facebook | LinkedIn | Group | Youtube
- [Tutorial] Get more tips on using PageFly to soar sales this season
- [Master Guides]: Get Your Shopify Store Ready for Black Friday
0 Likes
Highlighted

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

 

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Needing urgent help? I am currently available for hire, same day response guaranteed: diego.boarutto.fortes@gmail.com
Highlighted
Astronaut
945 82 114

@Foncken 

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

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

you are welcome to contact me.
My email - suyash.patankar@gmail.com
0 Likes
Highlighted
New Member
4 0 0

Thank you so much!

This worked perfectly. 

 

Thank you alle guys for the fast reply. 

 

Kind Regards

0 Likes
Highlighted
New Member
4 0 0

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

 

kind regards

0 Likes