Change the Transparency of Checkout Button

Store Design
1

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.

2

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!

3

@Foncken

To fix it in 2****0 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.

4

@Foncken

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

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

5

Thank you so much!

This worked perfectly.

Thank you alle guys for the fast reply.

Kind Regards

6

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

kind regards