by The Gravity Forms Advanced Select plugin adds three multi-select fields to Gravity Forms that support user defined options as well as dynamically populated options from selected post types and taxonomies. The fields are enhanced with the Tom Select UI control, which offers a handful of improvements over Gravity Forms’ Enhanced UI library (Chosen), such as loading paginated options via the REST API and preserving selection order.
Hi Tim! I have been working with the advanced multi-select tool but am running into an issue where the multi select box is transparent in that it shows any text behind it when the drop box is selected. I have tried to alter its CSS but no luck yet.
Is there any chance you have encountered this, and if so, can you assist me in troubleshooting?
Absolutely. Would you send me a link to where I can view the form you are referring to?
Thanks Tim, here is the link:
[link removed]
It would be “Manufacturer of Interest”
The two issues I am facing are the drop down box showing the text which is behind it, and also this box in particular does not seem be inheriting the css which the rest of the form has. Could this be due to it utilizing legacy markup, and if so, how do we approach this issue?
Thank You
You have some CSS in your theme that sets the z-index of the field labels at 980. You will need to give the `.ts-dropdown` selector a higher z-index, like 1000.
As far as not inheriting the CSS from the theme, you will need to add CSS to target this field specifically since the markup is different than the standard Gravity Forms fields.