How to change the box colour on product page

[emmawoolford]

Wanting to know how i can change the colour from black to #e1c4a7

Image below - thank you 🙂

[SmallTask]

Hi @emmawoolford,

Can you share your website URL so that I can check and provide you with a solution.

[emmawoolford]

bywoolf.com

Thank you!

[PageFly-Victor]

Hi @emmawoolford !

This is PageFly - Advanced Page Builder. I would love to give you some recommendation:

Please paste this code at the bottom of Index.css under assets in theme code files;

button.product_chip.selected {

  background-color: #e1c4a7 !important;

  color: #1c1a1a !important;

}

Best Regards;

Pagefly

[PageFly-Victor]

Hi @emmawoolford !

Like this;

[emmawoolford]

Hello there,

Thank you for this! For some reason it won't work.

Emma

[PageFly-Victor]

Bro @emmawoolford why it didn’t work?

[emmawoolford]

I put the code you said but it didnt do anything

[PageFly-Victor]

Paste this code bro;

.product__chip.selected {

  background-color: #e1c4a7 !important;

  color: #1c1a1a !important;

}

[emmawoolford]

Amazing! It's worked now how do i add the text as white and the box around it in white. thank you

[PageFly-Victor]

Hi @emmawoolford bro add this code:

.product__chip.selected {

  background-color: #e1c4a7 !important;

  color: #ffff !important;

  border-color: white !important;

}