Currency Switcher Dropdown Not Displaying Properly

[dhrumilk]

On the ​https://mercantile.wordpress.org/shop/(​https://mercantile.wordpress.org/shop/) page, when users try to switch the currency, the text is not visible because it appears as white text on a white background.

[mikinc860]

You can resolve this issue by explicitly setting the text color for the dropdown options using CSS. Add the following snippet to your custom CSS:

css
.currency-switcher-holder select option {
    color: #000000;
}

This ensures that the option text remains visible and does not inherit unwanted styles from the theme or other plugins.

[darshitrajyaguru97]

Replying to mikinc860:

You can resolve this issue by explicitly setting the text color for the dropdown options using CSS. Add the following snippet to your custom CSS:

css
.currency-switcher-holder select option {
    color: #000000;
}

This ensures that the option text remains visible and does not inherit unwanted styles from the theme or other plugins.

This is working correctly. After applying this style filter, the options are clearly visible.

[darshitrajyaguru97]

Patch attached.

[darshitrajyaguru97]

Patch attached. Tested in WordPress Playground using Mercantile blueprint. Fix ensures dropdown options are readable.

[dilip2615]

Hello @dhrumilk

We can fix this by setting the dropdown option text color via CSS. Add this to your custom CSS:

.currency-switcher-holder select option {
   color: #000000;
}

I think it is helpful for this bug issue.

[dilip2615]

Hello @dd32(Dion Hulse)
Could you please verify it?

[dd32]

No. Please don't ping for people to look at things :)

I can't duplicate it though.

This is browser/os-specific, something that was not included in the original report.

I've passed this along to those who work on it.

[dilip2615]

Extremely Sorry @dd32 , I will keep this thing in my mind.
I will never repeat this type of mistake.

Thank you 😊 🙏

Replying to dd32:

No. Please don't ping for people to look at things :)

I can't duplicate it though.

This is browser/os-specific, something that was not included in the original report.

I've passed this along to those who work on it.

[dhruvishah2203]

I have verified this page, and it seems to look good.