Change variant dropdown box background colour in Dawn 2.20 Theme

[StrovenUK]

Hi everyone,

We're struggling to figure out how to change the background of the variant picker dropdown. We're using theme Dawn 2.20 - it seems to be a common problem!

The white space underneath the 30ml here should read 10ml - but the text and background are the same colour and there doesn't seem to be any way of changing it. On Mac and mobile this displays fine but not on PC. 

We've tried adding in additional code into base.css, and nothing's worked so far. 

URL: https://www.stroven.co.uk/products/patchouli-vetiver-shave-beard-oil?variant=41688029397166

Please help!

[Sheesh_b]

Hi @StrovenUK 

Please paste below code in base.css as you said you know how to add CSS there so, I'll not go into how, where etc.

.product-form__input--dropdown select {
	background-color: #041f1e;
}

It'll surely fix your dropdown color background issue.

Working eg.

[Zuringa]

Can you please tell the rest of us with the same problem how and where?

[Sheesh_b]

Hi @Zuringa 

To add the CSS follow below steps.

Now, under assets > base.css

Put all your custom CSS in base.css file at bottom.

Thanks

Sheesh B