Change button colour on product pages

Solved

Change button colour on product pages

lukeeys
Excursionist
28 0 5

Hi there,

 

On my collection pages, where it displays all my products for that collection. I would like to change the all the button colours from black to yellow code:  #ffdf00

 

I will share a photo below of what I mean.

 

 If anyone can help of how to change this I would be greatly appreciated.

 

Warm regards DBScreenshot 2024-06-23 at 17.13.37.png

Accepted Solution (1)
BSS-TekLabs
Shopify Partner
668 186 217

This is an accepted solution.

Yes. You add the code

.quick-add__submit {
 background: #ffdf00 !important;
 color: black !important;
}

BSSTekLabs_0-1719161029747.png

 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Replies 6 (6)

BSSCommerce-B2B
Shopify Partner
565 114 137

Hi @lukeeys ,
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


B2B Solution & Custom Pricing |BSS: B2B Portal, Quote, Net 30 | BSS: B2B Login Lock Hide Price


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

BSS-TekLabs
Shopify Partner
668 186 217

- Here is the solution for you
- Please follow these steps:

step.png


- Then find the base.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

.quick-add__submit {
 background: #ffdf00 !important;
}

- Here is the result you will achieve:

BSSTekLabs_0-1719160312430.png

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
lukeeys
Excursionist
28 0 5

Hi there, thanks for that. Is it possible to get black font as the white does not stand out much?

BSS-TekLabs
Shopify Partner
668 186 217

This is an accepted solution.

Yes. You add the code

.quick-add__submit {
 background: #ffdf00 !important;
 color: black !important;
}

BSSTekLabs_0-1719161029747.png

 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
lukeeys
Excursionist
28 0 5

Hi there, can you show me what this would look like please?

lukeeys
Excursionist
28 0 5

Thanks, that would be nice. How can I do that please?