Change colour of product attribute dropdown

mfearon91 · October 2023

Hi,

I have been unable to change the dropdown colour for product options - currently the different options can't be seen as they are white until the blue hovers over them.

I would like to change the text to black and if a hover colour is needed then it would be #ebbab9

Could I get some css for this?

Link: https://gulliongraphics.com/product/nollaig-shona-apron/

Phil · October 2023

Hi,

Please try the following CSS code:

.single-product select:focus{
 color: #000;
}

Best regards

mfearon91 · October 2023

Thank you Phil

Unfortunately this didn't work even with !important - its the options in the drop down that are not showing up.

Screenshot attached

Phil · October 2023

Try the following CSS code instead:

.woocommerce select:focus{
 color: #000!important;
}

Best regards

Change colour of product attribute dropdown

Comments