Drop down feature to match template design

Ask the Community Customization
1

Currently the drop down feature does not match the template/form builder’s design elements at all. It would be nice to have that be customizable or automatically match (font, background, etc).

2

Hi @cid_gk :wave:

Please try to use this CSS code to the Custom CSS field on the Appearance tab and let me know if it helped:

[class*="Component__Select"], [class*="Component__Select"] option {
  color: black;
  font-family: Calibri;
  background-color: white !important;
}
3

Unfortunately, this doesn’t work. It may alter the fill-in area (placeholder), but it does not alter the drop down components.

4

Hi, I’ve double-checked the code and the dropdown components are changed:

image
image1862×768 31.9 KB

Could you please double-check it?

In case I misunderstood you, please describe your use case in more detail. I’ll be happy to help!

5

It unfortunately does not affect my widget as it does yours.

image
image2860×1488 335 KB

6

@cid_gk Could you please specify your widget ID or widget name?