https://legacy.forums.gravityhelp.com/topic/dropdown-background-and-text-color Gravity Support Forums Topic: Dropdown background and text color en-US Mon, 20 Apr 2026 01:22:40 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/dropdown-background-and-text-color#post-294450 Sat, 01 Jun 2013 05:13:44 +0000 Richard Vav 294450@https://legacy.forums.gravityhelp.com/ <p>It looks like you figured it out by setting the line-height of the .chz-results li to 100% in your theme's stylesheet. </p> https://legacy.forums.gravityhelp.com/topic/dropdown-background-and-text-color#post-294281 Sat, 01 Jun 2013 03:56:00 +0000 ultramel123 294281@https://legacy.forums.gravityhelp.com/ <p>Thank you Richard!! That is working perfectly.<br /> Thank you so much for your help :)</p> <p>The dropdown text is now clearly visible. </p> <p>How could I "extend" the size of the dropdown lines? You will see on the form, that for the "menu" dropdown, I have included the details for the menu, and when you open the dropdown, the text seems "squashed". </p> <p>Is there a way I could extend the size (height) of the text rows in the dropdown) ?</p> <p>Thank you </p> https://legacy.forums.gravityhelp.com/topic/dropdown-background-and-text-color#post-285556 Wed, 29 May 2013 03:27:33 +0000 Richard Vav 285556@https://legacy.forums.gravityhelp.com/ <p>I installed a copy of the connections plugin on my localhost and have come up with a way of preventing it from including chosen a second time on pages containing a gravity form with the enhanced ui enabled. If you add the following to your theme's functions.php file you can remove the extra CSS I suggested earlier<br /> <pre><code>add_action(&#39;gform_enqueue_scripts&#39;,&#39;cleanup_connections&#39;,10,2); function cleanup_connections($form) { //stop connections plugin from including chosen again on pages with gravity forms enhanced ui dropdowns if (wp_script_is(&#39;gforms_chosen&#39;,$list=&#39;queue&#39;)){ wp_deregister_script(&#39;jquery-chosen-min&#39;); wp_deregister_style(&#39;connections-chosen&#39;); } return false; }</code></pre> <p>Regards,<br /> Richard </p> https://legacy.forums.gravityhelp.com/topic/dropdown-background-and-text-color#post-283268 Tue, 28 May 2013 09:28:02 +0000 Richard Vav 283268@https://legacy.forums.gravityhelp.com/ <p>It looks like your issue is being caused by a plugin called connections loading a copy of the chosen (enhanced ui) stylesheet on every page regardless of whether it is required or not, this is bad practice by the plugin developers. Add that to the fact that Gravity Forms has it's own styles for the chosen (enhanced ui) bundled in its formsmain.css stylesheet and you get a slightly confused dropdown with a mix of styles being used.<br /> <pre><code>&lt;link rel=&#39;stylesheet&#39; id=&#39;connections-chosen-css&#39; href=&#39;http://www.airport-game-lodge.co.za/wp-content/plugins/connections/css/chosen.min.css?ver=0.9.11&#39; type=&#39;text/css&#39; media=&#39;all&#39; /&gt;</code></pre> <p>The best way to solve this would be if the connections plugin developers fixed their plugin but for the time being you can try adding the following towards the bottom of your theme's stylesheet or wherever you are instructed to place custom css<br /> <pre><code>.gform_wrapper .chzn-container .chzn-results .highlighted { color: black !important; }</code></pre> <p>Regards,<br /> Richard </p> https://legacy.forums.gravityhelp.com/topic/dropdown-background-and-text-color#post-283226 Tue, 28 May 2013 09:06:27 +0000 ultramel123 283226@https://legacy.forums.gravityhelp.com/ <p>Hi Richard. </p> <p>Sure. </p> <p><a href="http://www.airport-game-lodge.co.za/?page_id=2890" rel="nofollow">http://www.airport-game-lodge.co.za/?page_id=2890</a></p> <p>Thank you </p> https://legacy.forums.gravityhelp.com/topic/dropdown-background-and-text-color#post-281366 Mon, 27 May 2013 17:58:22 +0000 Richard Vav 281366@https://legacy.forums.gravityhelp.com/ <p>Can you post a link to a page containing the form in question, so we can get a look at your themes styles. </p> https://legacy.forums.gravityhelp.com/topic/dropdown-background-and-text-color#post-281357 Mon, 27 May 2013 17:51:14 +0000 ultramel123 281357@https://legacy.forums.gravityhelp.com/ <p>Hi</p> <p>Where in my css could I change the background and text color of my dropdown fields please? The text is white, and the background (hover) color is white as well and is almost impossible to read. </p> <p>Any help would be greatly appreciated :)</p> <p>Thank you </p>