Change button colour on product pages

Solved

Change button colour on product pages

vibehome
Explorer
71 4 31

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
2401 695 831

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.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

View solution in original post

Replies 6 (6)

BSSCommerce-B2B
Shopify Partner
1972 564 566

Hi @vibehome ,
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.

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

BSS-TekLabs
Shopify Partner
2401 695 831

- 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.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
vibehome
Explorer
71 4 31

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

BSS-TekLabs
Shopify Partner
2401 695 831

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.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
vibehome
Explorer
71 4 31

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

vibehome
Explorer
71 4 31

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