Dropdown Background Colour

Hi @darrenb19

I hope you are doing good today.

This looks like some sort of conflict here. By default, the dropdown background is gray without any setup. Could you manually set up backgrounds:
edit your form and navigate to Appearance -> Colors, switch to Custom.

Later on, set up:
Select -> Background color
Dropdown List -> Container BG
and see if that helps.

Kind Regards,
Kris

Hi Kris,

Hmm, yeah it seems like something must be overriding this as the background is still transparent after making the changes above

When I change the Design Style to None the dropdown background is solid white, but any other design styles it becomes transparent?

Thanks,
Craig

Hi @darrenb19

Please try with this CSS added to the site via “Appearance -> Customize -> Additional CSS” option:

.forminator-select-dropdown {
	background-color:rgba(255, 255, 255, 1)!important;
}

Note: it’s important to add it this way instead of custom CSS of the form directly in form settings.

Make also sure to clear all cache on site after adding the code and I believe it should fix it.

The issue itself is caused by the CSS coming from theme that causes these backgrounds to be transparent so the CSS that I shared “forcefully overrides” that (for Forminator forms only)

Best regards,
Adam

That has fixed the issue, thanks for the fix and explaining why

Many Thanks,
Craig