Shopify themes, liquid, logos, and UX
Hello everyone,
I'm trying to change the color of my add to cart & buy it now buttons and their text.
This is what they look like now.
I want the top one (add to cart) to be #FFFFFF, with #F3896F outlining and text.
The bottom one (buy it now) to be #F3896F, outlinig #F3896F with #FFFFFF text.
Any help is greatly appreciated!
Thank you.
URL: https://glowee.nl/
Solved! Go to the solution
This is an accepted solution.
Hello @Dike ,
1. Go to Online Store->Theme->Edit code
2. Asset->section-main-product.css paste bellow code in bottom of file
.product-form__submit span {
color: #F3896F;
}
.product-form__submit {
border: solid 1px #F3896F !important;
box-shadow: none;
}
.product-form__submit:hover {
box-shadow: none !important;
}
.shopify-payment-button__button--unbranded {
background: #F3896F !important;
color: #FFFFFF !important;
box-shadow: none !important;
}
Thanks
This is an accepted solution.
Hello @Dike ,
1. Go to Online Store->Theme->Edit code
2. Asset->section-main-product.css paste bellow code in bottom of file
.product-form__submit span {
color: #F3896F;
}
.product-form__submit {
border: solid 1px #F3896F !important;
box-shadow: none;
}
.product-form__submit:hover {
box-shadow: none !important;
}
.shopify-payment-button__button--unbranded {
background: #F3896F !important;
color: #FFFFFF !important;
box-shadow: none !important;
}
Thanks
This worked perfectly, thank you so much!
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025