Shopify themes, liquid, logos, and UX
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.
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!
@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.
Thank you so much!
This worked perfectly.
Thank you alle guys for the fast reply.
Kind Regards
Hey one more Question. Is there anyway to overwrite the color but only in "cart submit"
kind regards
please add following css to the end of theme.scss file
.cart__submit{color: #fff; background-color: #f3948a;}
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024