Forms / Categories Widget: Add a Drop Down Icon to the Select

fatguymedia · May 2017

Would you be able to assist me in adding a drop down icon to the widgets (and or form) on my website? Currently in the backend of Appearance < Widgets < Categories when you select 'Display as dropdown', the frontend doesn't show any icon to reflect that it is a dropdown. Is there any way I can add an icon, so the dropdown looks clickable?

Thanks and Looking forward to hearing from you.

Bryan · May 2017

Hello,
Please send a link to the page with the dropdown.
thanks

fatguymedia · May 2017

Hi,

Thanks for the quick reply. I'll send you the URL privately on https://themeforest.net/user/muffingroup now.

fatguymedia · May 2017

Solved through private message: but I thought I'd add the solution through the forums:

"we did checked your site and noticed that arrows does not appear in Chrome and
Safari only. To display those arrows, you need to use the following custom css:

select { -webkit-appearance:
menulist; }"

Thanks again!

aseores · May 2017

I tried that and it didn't work.

The only way I could get it to work was to comment out the -webkit-appearance: none in shortcode.css

Is there a better way to go around it?

aseores · May 2017

Apparently, this is considered bad css...as commented in Formidable Forms.

https://formidableforms.com/help-desk/form-automatic-width-problem-and-dropdown-arrows-failing-to-display-in-chrome-safari/

Bryan · May 2017

This is a browser issue, more than a theme issue to be honest. We do not have any other solution for this.

Forms / Categories Widget: Add a Drop Down Icon to the Select

Comments