How can we change box colors and text in theme settings?

Store Design
,
1

Hope all is well,

My team and I need assistance with changing the boxes to white #fff and the lettering to black #000. I know we need to change it somewhere in the Theme settings, but we do not want to mess up anything on our end.

GrTR3_0-1646423323409.png

We also need help changing the white background for the custom labels. We need it as a black background with white lettering. If that’s possible please let us know.

GrTR3_1-1646424017972.png
GrTR3_1-1646424017972.png1102×242 19.2 KB

Look forward to hearing back,

Best

TR3

2

Hi @GrTR3

Would you mind sharing your store’s URL so we can provide a solution for this?

3

@JHKCreate

The url: www.tr3performance.com

4

Hi @GrTR3 ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme-styles.css->paste below code at the bottom of the file:
.swatch .swatch-element label {
    background: #fff !Important;
    
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.