Title: select dropdown container
Last modified: November 6, 2024

---

# select dropdown container

 *  Resolved [mausoftware](https://wordpress.org/support/users/mausoftware/)
 * (@mausoftware)
 * [1 year, 6 months ago](https://wordpress.org/support/topic/select-dropdown-container/)
 * two issues on same subject.
   1) would it be possible to grow numbers of lines,
   actually it shows only 42) how change container background and border color tried
   this custom CSS, but no chance:.forminator-select-dropdown-container–open{border-
   color:#DA012E; background-color:#DA012E;}
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fselect-dropdown-container%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 10 replies - 1 through 10 (of 10 total)

 *  Plugin Support [Jair – WPMU DEV Support](https://wordpress.org/support/users/wpmudevsupport15/)
 * (@wpmudevsupport15)
 * [1 year, 6 months ago](https://wordpress.org/support/topic/select-dropdown-container/#post-18118151)
 * Hi [@mausoftware](https://wordpress.org/support/users/mausoftware/),
 * I hope you are doing well today!
 * You can try adding the following CSS code to your WP Dashboard->Appearance->Customize-
   >Additional CSS section.
 *     ```wp-block-code
       /* Change dropdown open container height*/.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown .select2-results .select2-results__options{     max-height:260px !important; }/* Change dropdown open container background and border color*/.forminator-select.forminator-select-dropdown-container--open * {    background: red !important;    border-color: white !important;}
       ```
   
 * Kind regards,
   Zafer
 *  Thread Starter [mausoftware](https://wordpress.org/support/users/mausoftware/)
 * (@mausoftware)
 * [1 year, 6 months ago](https://wordpress.org/support/topic/select-dropdown-container/#post-18118297)
 * Hi Zafer [@wpmudevsupport15](https://wordpress.org/support/users/wpmudevsupport15/)
   
   thanks 1) OK2) background should change only selected item ; setting as above,
   it takes red on full container
 *  Plugin Support [Nithin – WPMU DEV Support](https://wordpress.org/support/users/wpmudevsupport11/)
 * (@wpmudevsupport11)
 * [1 year, 6 months ago](https://wordpress.org/support/topic/select-dropdown-container/#post-18119912)
 * Hi [@mausoftware](https://wordpress.org/support/users/mausoftware/),
 * > 2) background should change only selected item ;
   > setting as above, it takes
   > red on full container
 * Could you please try the following CSS & see if that helps?
 *     ```wp-block-code
       .forminator-select-dropdown-container--open .forminator-custom-form-11726.forminator-dropdown--default .select2-results .select2-results__options .select2-results__option.select2-results__option--selected, .forminator-select-dropdown-container--open .forminator-custom-form-11726.forminator-dropdown--default .select2-results .select2-results__options .select2-results__option.select2-results__option--selected span:not(.forminator-checkbox-box) {	background: red !important;}
       ```
   
 * You can add the CSS via the customizer as instructed [before](https://wordpress.org/support/topic/select-dropdown-container/#post-18118151).
 * Kind Regards,
 * Nithin
 *  Thread Starter [mausoftware](https://wordpress.org/support/users/mausoftware/)
 * (@mausoftware)
 * [1 year, 6 months ago](https://wordpress.org/support/topic/select-dropdown-container/#post-18120138)
 * Hi, seems OK with your code.
   but, what means ‘11726’ selector item? if I make
   several forms, above code should work only all of its?
 *  Plugin Support [Imran – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support9/)
 * (@wpmudev-support9)
 * [1 year, 6 months ago](https://wordpress.org/support/topic/select-dropdown-container/#post-18120667)
 * Hello [@mausoftware](https://wordpress.org/support/users/mausoftware/),
   I hope
   things are going well for you.
 * >  but, what means ‘11726’ selector item?
 * This is a form ID. Each form has a unique ID, which you can copy from the shortcode
   or get it from the address bar when you edit the form.
 * > if I make several forms, above code should work only all of its?
 * You can apply the same CSS code by simply duplicating it and changing the form
   ID to match the specific form you wish to style. Additionally, feel free to select
   different colours for that particular form as well.
 * I hope this information will be helpful to you.
   –Thanks & Kind Regards,Imran 
   Khan
 *  Thread Starter [mausoftware](https://wordpress.org/support/users/mausoftware/)
 * (@mausoftware)
 * [1 year, 6 months ago](https://wordpress.org/support/topic/select-dropdown-container/#post-18120805)
 * Hi [@wpmudev-support9](https://wordpress.org/support/users/wpmudev-support9/)
   
   so far, I could also divide in 2 part CSS custom code (in case re-use)and duplicate
   just the final part (-11726) with different form IDam I right?
 * .forminator-select-dropdown-container–open
   .select2-results .select2-results__options.
   select2-results__option.select2-results__option–selected,.forminator-select-dropdown-
   container–open.select2-results .select2-results__options.select2-results__option.
   select2-results__option–selectedspan:not(.forminator-checkbox-box){ background:
   red !important; }
 * .forminator-custom-form-11726.forminator-dropdown–default
   .forminator-custom-
   form-11726.forminator-dropdown–default{ background: red !important; }
 *  Plugin Support [Nithin – WPMU DEV Support](https://wordpress.org/support/users/wpmudevsupport11/)
 * (@wpmudevsupport11)
 * [1 year, 6 months ago](https://wordpress.org/support/topic/select-dropdown-container/#post-18121832)
 * Hi [@mausoftware](https://wordpress.org/support/users/mausoftware/),
 * > divide in 2 part CSS custom code (in case re-use)
   > and duplicate just the final
   > part (-11726) with different form ID
 * You can either use the **forminator-custom-form** class to target for all forms
   or use **forminator-custom-form-11726** where 11726 would be the form ID to target
   specific forms.
 * Regards,
 * Nithin
 *  Thread Starter [mausoftware](https://wordpress.org/support/users/mausoftware/)
 * (@mausoftware)
 * [1 year, 6 months ago](https://wordpress.org/support/topic/select-dropdown-container/#post-18121846)
 * understand, so do not need to use twice
   .forminator-custom-form-11726.forminator-
   dropdown–defaultbut only once.forminator-custom-form
 *  Plugin Support [Imran – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support9/)
 * (@wpmudev-support9)
 * [1 year, 6 months ago](https://wordpress.org/support/topic/select-dropdown-container/#post-18136032)
 * Hello [@mausoftware](https://wordpress.org/support/users/mausoftware/),
   I hope
   things are going well for you. I am sorry for the delay here.Kindly try the second
   CSS and see how it goes. If it work well on the multiple form. Keep it otherwise
   you may have to use separate CSS as per the form.
 * Thanks & Kind Regards,
   Imran Khan
 *  Plugin Support [Dmytro – WPMU DEV Support](https://wordpress.org/support/users/wpmudevsupport16/)
 * (@wpmudevsupport16)
 * [1 year, 6 months ago](https://wordpress.org/support/topic/select-dropdown-container/#post-18157779)
 * Hello [@mausoftware](https://wordpress.org/support/users/mausoftware/),
 * I hope the above suggestions helped.
 * We haven’t heard back from you for some time, so I’m marking this thread as resolved.
   Please feel free to reopen it and reply if you need our further assistance.
 * Best Regards,
    Dmytro

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘select dropdown container’ 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/)

 * 14 replies
 * 5 participants
 * Last reply from: [Dmytro – WPMU DEV Support](https://wordpress.org/support/users/wpmudevsupport16/)
 * Last activity: [1 year, 6 months ago](https://wordpress.org/support/topic/select-dropdown-container/#post-18157779)
 * Status: resolved