Shopify themes, liquid, logos, and UX
How to change the product page buttons' colour? "Add to cart" and "Buy it now"
https://thebirdsonglife.myshopify.com/products/oil-pulling-21-sachets
Solved! Go to the solution
This is an accepted solution.
Hello @web-har-red
please add this code for background color, hover color, border color
/* for add to cart */
.quantity-submit-row__submit button{
background-color:#20dbbc !important;
border:1px solid #c7240a !important;
}
/* for buy it now */
.shopify-payment-button button{
background-color:#db205c !important;
border:1px solid #f4af29 !important;
}
/* for add to cart hover */
.quantity-submit-row__submit button:hover{
background-color:#c7240a !important;
}
/* for buy it now hover */
.shopify-payment-button button{
background-color:#f4af29 !important;
}
Hello @web-har-red
Please open styles.css under assets of your theme and paste the following code to the bottom of file(styles.css)
/* for add to cart */
.quantity-submit-row__submit button{
background-color:#20dbbc !important;
}
/* for buy it now */
.shopify-payment-button button{
background-color:#db205c !important;
}
How to change add to cart hover colour?
How to change the buy it now borders colour?
This is an accepted solution.
Hello @web-har-red
please add this code for background color, hover color, border color
/* for add to cart */
.quantity-submit-row__submit button{
background-color:#20dbbc !important;
border:1px solid #c7240a !important;
}
/* for buy it now */
.shopify-payment-button button{
background-color:#db205c !important;
border:1px solid #f4af29 !important;
}
/* for add to cart hover */
.quantity-submit-row__submit button:hover{
background-color:#c7240a !important;
}
/* for buy it now hover */
.shopify-payment-button button{
background-color:#f4af29 !important;
}
Hello @web-har-red
This is custom change and need to modify one of your section using on homepage which needs staff access of your store So i can fix it for you.
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