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!

- Do you need to customize your landing page, product page, blog, coming soon, FAQ, about us pages? Check out PageFly - Advanced Shopify Page Builder.
0 Likes
Highlighted
Astronaut
1082 178 213

@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.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
1 Like
Highlighted
Astronaut
785 70 98

@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