Text not showing on size drop down

Hello Team - I am noticing that on some products, the text in the drop down menu is light on a light background and it is not until a user hovers over it, that they can see the size.

It it not the case on all products though and I can’t seem to figure out the difference. Is it product set up or is it back end setup?

I would love any suggestions or ideas on this one! Thanks :slightly_smiling_face:

Hello @holly_chocolate ,

I understand the size variant option is not visible on the product page.

To resolve the issue, please add the below mentioned code at the bottom of theme.liquid file before </body tag and save.


Output -:

I hope the code helps you.

Please share if you have any queries.

Thank you.

1 Like

HI @holly_chocolate
You can follow these step to archive your result
Go to online storeEdit codeio.css file and paste this code

#simple-bundles-io-options select{
  color:black;
}

Result :

Thanks so much - this solution worked and the webpage looks great. Can you confirm if there is a way to avoid this issue in the original product or collection set up in Shopify? As I notice it doesn’t always happen for all products

Hey Anshul, we are having the same issue, are you able to help :folded_hands:

https://londonbrowcompany.com/products/london-brow-professional-brow-pencils