[Alex]

Hi there

I’m using the “out of the box” black background with white text for the site.

On products with drop down options, the white text is almost indistinguishable from the light grey background. See this page https://alexandriablaelock.com/cup-of-tea-and-sit-down-dark-t-shirt-womens-fit/.

I’ve unsuccessfully tried several css fixes – would you please let me know what I need to do.

Thanks

Alex

 

[sujeet]

Hello @a,

Will you please try adding the following css code to Dashboard > Appearance > Customizer > Additional CSS.

.woocommerce div.product form.cart table.variations td select {
   background: var(--wp--preset--color--secondary);
}

It should solve the issue. Please let me know if this worked. Thank you.

Regards,
Sujeet

[Alex]

Thanks Sujeet

I don’t have a customizer option in the appearance menu, so I tried adding this code to the “add to cart with options” block within the single product template, and it didn’t make any difference.

Alex

[minal]

Hello @A:

Sorry for the confusion,

Follow those steps as shown on screenshots below,

There, you will find an additional CSS section to add your CSS.

Sincerely,

Minal

[Alex]

Perfect!

Thanks so much.

Alex

[sujeet]

That’s great Alex.

[Author]

Posts