outline button change to solid button? sense theme

[medusasmakeup]

Sense theme

The add to cart buttons on the collection pages are different than on the product pages. It's not very smart.

Is there an easy way to make the outline add to cart buttons on the collection pages solid color? Also, being able to change text color on the button.

[developerSP]

Hello @medusasmakeup 
Please add this css Asset > base.css and paste this at the bottom of the file:-

.quick-add__submit {
background-color: #edffa7;
color: #000;
--color-button-text: unset!important;
}

[Made4uo-Ribe]

Hi @medusasmakeup ,

Would you mind to share your URL website

[PageFly-Richard · Accepted solution]

Hi @medusasmakeup 

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Base.css or theme.css

.quick-add__submit {
   background-color: #edffa7 !important;
   color: #000 !important;
}

Hope you find my answer helpful!

Best regards,

Richard | PageFly

[medusasmakeup]

Thank you! Exactly what I needed!

[kdotti]

This worked for me too on the Collection pages. If I wanted to do the same thing on the product pages for the add to cart buttons, can I use the same code on the product pages? and is there 1 spot I can edit them all, versus having to edit on each product template I have? Thanks!!