Title: Dropdown style doesn’t change Last modified: April 27, 2021 --- # Dropdown style doesn’t change * Resolved [noxerr](https://wordpress.org/support/users/noxerr/) * (@noxerr) * [5 years, 1 month ago](https://wordpress.org/support/topic/dropdown-style-doesnt-change/) * Hi, I’m using the style “Material” in appearance tab, and then I have a field that is a selector (so with the dropdown and so). There, in order to change the font I can select custom fonts but then it makes it custom for ALL the fields, which means I have to manually change all of them again to a different family font, plus size, so I wanted to do it with the custom css but it doesn’t work. If I add the classes they just won’t load in the html when I load the page. * Any way to change the font of the fields in custom css and for them to work? * Regards, Viewing 8 replies - 1 through 8 (of 8 total) * [Predrag – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support1/) * (@wpmudev-support1) * [5 years, 1 month ago](https://wordpress.org/support/topic/dropdown-style-doesnt-change/#post-14374077) * Hi [@noxerr](https://wordpress.org/support/users/noxerr/), * I tried replicating this on my end but changing the font for Select and Dropdown didn’t affect other elements on my end. Could you share an URL where this form can be seen on your end? * Can you also provide us with export of your form so we can have a look at your setup. You can go to Forminator > Forms page, click on Gear icon to get the export file. Upload it to any file sharing service like GDrive or Dropbox and share the download link here. * As for the CSS, if you are adding it directly to your form settings that Forminator adds some its default classes to CSS selector so that could be why you’re not seeing it applied. You can try using less specific selector or use your CSS in Appearance > Customizer instead of directly in the form. * Cheers, Predrag * Thread Starter [noxerr](https://wordpress.org/support/users/noxerr/) * (@noxerr) * [5 years, 1 month ago](https://wordpress.org/support/topic/dropdown-style-doesnt-change/#post-14377334) * “You can try using less specific selector or use your CSS in Appearance > Customizer instead of directly in the form” -> If I do that nothing happens, font size won’t change * “I tried replicating this on my end but changing the font for Select and Dropdown didn’t affect other elements on my end.” –> if I set the button “custom” for fonts all of them will use robot instead of the one I have in my theme * ``` .forminator-select-dropdown-container--open .forminator-custom-form-3457.forminator-dropdown--material .select2-results .select2-results__options .select2-results__option{ font-size: 26px; } ``` * this does nothing, it doesn’t even load in the html style * Plugin Support [Nebu John – WPMU DEV Support](https://wordpress.org/support/users/wpmudevsupport14/) * (@wpmudevsupport14) * [5 years, 1 month ago](https://wordpress.org/support/topic/dropdown-style-doesnt-change/#post-14390686) * Hi [@noxerr](https://wordpress.org/support/users/noxerr/), * I tried adding the following CSS on a test form at my end and it worked as expected: * `span#select2-select-1-field-container { font-size: 26px; }` * Can you please give it a try at your end? * As we have already mentioned, we weren’t able to replicate the issue – changing the font for Select and Dropdown affecting other elements. Wouldn’t you mind, please share us with an export of your form as we have already requested so that we can take a closer look at your setup. * Reff: [https://wpmudev.com/docs/wpmu-dev-plugins/forminator/#import-export](https://wpmudev.com/docs/wpmu-dev-plugins/forminator/#import-export) * You can use [Pastebin](https://pastebin.com/) to share the export file or Google Drive or DropBox as suggested earlier. * Kind Regards, Nebu John - This reply was modified 5 years, 1 month ago by [Nebu John - WPMU DEV Support](https://wordpress.org/support/users/wpmudevsupport14/). * Thread Starter [noxerr](https://wordpress.org/support/users/noxerr/) * (@noxerr) * [5 years, 1 month ago](https://wordpress.org/support/topic/dropdown-style-doesnt-change/#post-14391765) * The code you provided changes the size of the element containing the dropdown, but not the text size of the dropdown elements. This is, when I click on the arrow for the dropdown to appear, the text is always 16 unless I set custom text size and then all the fonts are messed up. * [https://pastebin.com/1Kq4QHTa](https://pastebin.com/1Kq4QHTa) * Plugin Support [Amin – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support2/) * (@wpmudev-support2) * [5 years, 1 month ago](https://wordpress.org/support/topic/dropdown-style-doesnt-change/#post-14394368) * Hello [@noxerr](https://wordpress.org/support/users/noxerr/) , * Can you check this CSS: * ``` .forminator-select-dropdown-container--open .forminator-custom-form-76.forminator-dropdown--material .select2-results .select2-results__options .select2-results__option { font-size: 26px !important; } ``` * But use in Apparanece -> Customize -> Custom CSS. * kind regards, Kasia * Plugin Support [Patrick – WPMU DEV Support](https://wordpress.org/support/users/wpmudevsupport12/) * (@wpmudevsupport12) * [5 years, 1 month ago](https://wordpress.org/support/topic/dropdown-style-doesnt-change/#post-14417503) * Hi [@noxerr](https://wordpress.org/support/users/noxerr/) * I hope you are doing well and safe! * We haven’t heard from you in a while, I’ll mark this thread as resolved. * Feel free to let us know if you have any additional question or problem. * Best Regards Patrick Freitas * Thread Starter [noxerr](https://wordpress.org/support/users/noxerr/) * (@noxerr) * [5 years, 1 month ago](https://wordpress.org/support/topic/dropdown-style-doesnt-change/#post-14418018) * I’ve tried it but it doesn’t work * Plugin Support [Laura – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support8/) * (@wpmudev-support8) * [5 years, 1 month ago](https://wordpress.org/support/topic/dropdown-style-doesnt-change/#post-14420441) * Hi [@noxerr](https://wordpress.org/support/users/noxerr/) * Thank you for update! * The pastebin that you shared has already expired and you also didn’t share URL of yoru site so I can’t check your form and site but there are two things that struck me in this case: * 1. You mentioned that the moment you change “Font” from “Use Theme Fonts” to “ Custom” in form settings, all the fields start to use Roboto font. * This is true because Roboto is the “default font of the material style” as in built-in Formiantor styles. If Font option is set to “Use Theme Fonts”, forminator doesn’t apply its CSS rules that define fonts so “automatically” theme fonts are applied. If you switch – then some font must anyway be set by default so you could further customize it. So yes, you do need to make selections for all the available form elements (all the “font” options in form settings) that you want to use fonts different than Roboto. * 2. But you have also mentioned that when trying to use CSS, that custom CSS is not even “loaded in HTML”. If you check stylesheets/page source/or inspect relevant elements in browser – you cannot see that custom CSS anywhere, right? * This suggests that there’s actually something else involved: most likely there’s either some sort of cache (it might be some caching plugin, server-side cache, CDN cache or any combination) and/or the original styles are “stuck” in some “ optimized CSS”. * Are you using any caching/optimization plugins on site and/or cache on server? If yes, have you tried to clear all the caches and temporarily disable any CSS optimization plugins/tools just to see if the code gets applied? * Kind regards, Adam Viewing 8 replies - 1 through 8 (of 8 total) The topic ‘Dropdown style doesn’t change’ is closed to new replies. * ![](https://ps.w.org/forminator/assets/icon-256x256.gif?rev=3443182) * [Forminator Forms – Contact Form, Payment Form & Custom Form Builder](https://wordpress.org/plugins/forminator/) * [Frequently Asked Questions](https://wordpress.org/plugins/forminator/#faq) * [Support Threads](https://wordpress.org/support/plugin/forminator/) * [Active Topics](https://wordpress.org/support/plugin/forminator/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/forminator/unresolved/) * [Reviews](https://wordpress.org/support/plugin/forminator/reviews/) ## Tags * [css](https://wordpress.org/support/topic-tag/css/) * [custom field](https://wordpress.org/support/topic-tag/custom-field/) * [font](https://wordpress.org/support/topic-tag/font/) * [form](https://wordpress.org/support/topic-tag/form/) * 8 replies * 6 participants * Last reply from: [Laura – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support8/) * Last activity: [5 years, 1 month ago](https://wordpress.org/support/topic/dropdown-style-doesnt-change/#post-14420441) * Status: resolved