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!
User | RANK |
---|---|
74 | |
74 | |
68 | |
65 | |
42 |
As a business owner, have you ever wondered when your customer's first impression of yo...
By Skye Jun 6, 2023We're excited to announce improvements to the threaded messaging experience in our communi...
By TyW May 31, 2023Thank you to everyone who participated in our AMA with Klaviyo. It was great to see so man...
By Jacqui May 30, 2023