Title: Custom CSS issues Last modified: February 6, 2023 --- # Custom CSS issues * Resolved [Advex](https://wordpress.org/support/users/totalfly/) * (@totalfly) * [3 years, 4 months ago](https://wordpress.org/support/topic/custom-css-issues-4/) * Hi, hi have a problem with the forms custom css.. the theme completely does not care about the forminator custom CSS.. * even a simple * .forminator-button { display: none !important;} * is not working.. it work just if i put the code in the theme custom CSS, but if i put the css there the button will disappear from every form.. how can i solve this issue? * thanks a lot Viewing 13 replies - 1 through 13 (of 13 total) * [Kris – WPMU DEV Support](https://wordpress.org/support/users/wpmudevsupport13/) * (@wpmudevsupport13) * [3 years, 4 months ago](https://wordpress.org/support/topic/custom-css-issues-4/#post-16447314) * Hi [@totalfly](https://wordpress.org/support/users/totalfly/) * I hope you are doing well today. * You can narrow you CSS to correct form ID. Example: * ```wp-block-code #forminator-module-271 .forminator-button {...} ``` * where 271 is your form ID. You can find your form ID in page source where form is located, or edit your form in WP Dashboard and URL of that page edit will contain that ID. * Kind Regards, Kris - This reply was modified 3 years, 4 months ago by [Kris - WPMU DEV Support](https://wordpress.org/support/users/wpmudevsupport13/). * Thread Starter [Advex](https://wordpress.org/support/users/totalfly/) * (@totalfly) * [3 years, 4 months ago](https://wordpress.org/support/topic/custom-css-issues-4/#post-16448789) * Hi, thank you for your reply. * should i add the ID in the form custom CSS or in the theme custom CSS? * Thanks * Plugin Support [Laura – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support8/) * (@wpmudev-support8) * [3 years, 4 months ago](https://wordpress.org/support/topic/custom-css-issues-4/#post-16448913) * Hi [@totalfly](https://wordpress.org/support/users/totalfly/) * The CSS, as you mentioned in your first post, works for you if you use it in theme’s custom CSS fields so that’s where you should put it. * In other words, if you want to hide button of the form with ID 123 (form ID is the same number you can see in the shortcode of a given form) then you would add this CSS into your theme’s custom CSS: * ``` #forminator-module-123 .forminator-button { display: none !important; } ``` * Kind regards, Adam * Thread Starter [Advex](https://wordpress.org/support/users/totalfly/) * (@totalfly) * [3 years, 4 months ago](https://wordpress.org/support/topic/custom-css-issues-4/#post-16449256) * Hi, is working just 50%.. i mean… * if i write * #forminator-module-123 .forminator-button { *     display: none; * } * this is working.. but if i write * #forminator-module-5499 .forminator-select-dropdown-container–open {         *     background-color: #fff !important; * } * this is not working. * my problem is that the background of the dropdown menu is transparent, so the cascade menu layout goes over other text and this make confusion. I need also that the container of the form will increase the height in order to do not have the dropdown that goes over the footer.. - This reply was modified 3 years, 4 months ago by [Advex](https://wordpress.org/support/users/totalfly/). * Plugin Support [Laura – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support8/) * (@wpmudev-support8) * [3 years, 4 months ago](https://wordpress.org/support/topic/custom-css-issues-4/#post-16452809) * Hi [@totalfly](https://wordpress.org/support/users/totalfly/) * Thank you for response! * For select field the code doesn’t work because background needs to be applied to the “span” elements inside the container and not the container itself but also there’s additionally a typo in the container class name. * Use this version instead (please note double – character in class name!) * ``` #forminator-module-5499 .forminator-select-dropdown-container--open span { background-color: #fff!important; } ``` * and it would work. * Best regards, Adam * Thread Starter [Advex](https://wordpress.org/support/users/totalfly/) * (@totalfly) * [3 years, 4 months ago](https://wordpress.org/support/topic/custom-css-issues-4/#post-16452892) * unfortunately not working as you can see below 🙁 * [https://ibb.co/PtFhfL6](https://ibb.co/PtFhfL6) * [https://ibb.co/Q90XJzY](https://ibb.co/Q90XJzY) * Plugin Support [Laura – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support8/) * (@wpmudev-support8) * [3 years, 4 months ago](https://wordpress.org/support/topic/custom-css-issues-4/#post-16452967) * HI [@totalfly](https://wordpress.org/support/users/totalfly/) * Thanks for response! * I double-checked this before posting my response so I’m sure about the code itself. * I can’t, however, check if it is properly applied on front-end of your site, if there’s nothing else that might be conflicting with it or overwriting it and so on. At this point I would suggest double-checking following things: * – if the number 5499 is the correct form ID number – if all cache was cleared– and if there is any Asset Optimization (like CSS optimization) -if it was cleared/ regenerated * If none of that is the case, we would need to be able to visit the page with the form to take a closer look so please share the URL of that page with us and we’ll check it. * Best regards, Adam * Thread Starter [Advex](https://wordpress.org/support/users/totalfly/) * (@totalfly) * [3 years, 4 months ago](https://wordpress.org/support/topic/custom-css-issues-4/#post-16453101) * hi, actually no one is the case.. the ID is correct, cache was cleaned, and no optimization is configured yet.. if you tell me how can i send you the credential to access the site privately you could check directly what is happening.. thanks a lot * Thread Starter [Advex](https://wordpress.org/support/users/totalfly/) * (@totalfly) * [3 years, 4 months ago](https://wordpress.org/support/topic/custom-css-issues-4/#post-16453207) * please check the email and let me know if you can access. thanks * Plugin Support [Nithin – WPMU DEV Support](https://wordpress.org/support/users/wpmudevsupport11/) * (@wpmudevsupport11) * [3 years, 4 months ago](https://wordpress.org/support/topic/custom-css-issues-4/#post-16459231) * Hi [@totalfly](https://wordpress.org/support/users/totalfly/), * Please note that we don’t encourage sharing the credentials via forums and I don’t see we asked for any credentials via this ticket before, neither we got any emails. * In order to proceed further with assisting you, we’ll need to check the page where you still face issues with the CSS. If sharing the site URL publically is a concern in the forum then maybe you could provide a URL to the staging site instead in the next response? * A staging would also help in ruling out conflicts or caches, so setting up a staging and sharing its URL would be better in such cases. You could use the following plugin to setup staging: [https://wordpress.org/plugins/wp-staging/](https://wordpress.org/plugins/wp-staging/) * If you are still concerned even with sharing Staging URLs publically, then you can use the following ID [wpsupport@incsub.com](https://wordpress.org/support/topic/custom-css-issues-4/wpsupport@incsub.com?output_format=md) to share **only** the staging URL privately using the following template: * ```wp-block-code Subject: ATTN: WPMU DEV support - wp.org Message: https://wordpress.org/support/topic/custom-css-issues-4 ``` * Regards, * Nithin * Thread Starter [Advex](https://wordpress.org/support/users/totalfly/) * (@totalfly) * [3 years, 3 months ago](https://wordpress.org/support/topic/custom-css-issues-4/#post-16462854) * hi, i sent to you the credentials by email.. any news please? * Plugin Support [Patrick – WPMU DEV Support](https://wordpress.org/support/users/wpmudevsupport12/) * (@wpmudevsupport12) * [3 years, 3 months ago](https://wordpress.org/support/topic/custom-css-issues-4/#post-16463907) * Hi [@totalfly](https://wordpress.org/support/users/totalfly/) * I hope you are doing well, We found the issue is related to HTTP > HTTPS, the site is loading under HTTPS but WordPress > Settings is set to HTTP which Forminator will use to generate the styles, please update the WordPress settings to HTTPS so it will fix the issue. [https://monosnap.com/file/v44pk3o6IZhL56dF0ddHBMIOAY1lnb](https://monosnap.com/file/v44pk3o6IZhL56dF0ddHBMIOAY1lnb) Best Regards * Patrick Freitas * Thread Starter [Advex](https://wordpress.org/support/users/totalfly/) * (@totalfly) * [3 years, 3 months ago](https://wordpress.org/support/topic/custom-css-issues-4/#post-16464976) * Thank you very much, now is working perfectly! * Have a nice day! Viewing 13 replies - 1 through 13 (of 13 total) The topic ‘Custom CSS issues’ 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/) * 13 replies * 5 participants * Last reply from: [Advex](https://wordpress.org/support/users/totalfly/) * Last activity: [3 years, 3 months ago](https://wordpress.org/support/topic/custom-css-issues-4/#post-16464976) * Status: resolved