• Resolved stumur

    (@stumur)


    Hi Guys,

    Sorry to bother you. Just below the fold of my home page, I have a Forminator form, and the 3 drop-down boxes are supposed to expand all the way to fit in all the options by default. But suddenly, 2 of the 3 drop-down boxes have scroll-bars instead. I’d rather the dropdown boxes just dropped to show all the options inside. Can you tell me where I’ve messed up suddenly? I’ve been all day on it and no fix – but I’m pretty average at this stuff! Or.. is there a way to uniformly make the two bigger boxes both expand down to a set px size?

    Thanks for an immensely good plugin, btw.

    Thank you, Stu

    • This topic was modified 10 months, 1 week ago by stumur.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Williams – WPMU DEV Support

    (@wpmudevsupport3)

    Hi @stumur ,

    I hope you’re doing well, and no worries about asking, as we are here to help.

    I’m afraid that that’s the normal Formiantor behavior, anyway, you can use the custom CSS option under appearance to add CSS and make it bigger – https://wpmudev.com/docs/wpmu-dev-plugins/forminator/#custom-css

    In case it’s needed, you can also add a custom CSS class under the “styling” when editing the Select/dropdown field.

    Please note that providing custom CSS is out of the scope of our support, but adjusting the max-height of the list options ul element.

    I hope this helps.
    Best Regards,
    Williams Valerio

    Thread Starter stumur

    (@stumur)

    Thanks for the reply Williams. I’m afraid my understanding of coding only extends to copying and pasting in bits of code into the custom css area. I’m not clever enough to understand how to put together the actual code you suggested. Thank you anyway.

    Hi @stumur

    I hope you are doing well today.

    Please note that by default, this is not possible, and this will be outside the scope of support to provide such a thing. For that, you’ll need to hire a developer to provide the required custom code for you. WordPress provides a jobs directory here https://jobs.wordpress.net/

    However you can do this on your own.

    The CSS selector for dropdown is:

    .select2-container ul

    and for that selector you need to change max-height to something bigger:
    https://developer.mozilla.org/en-US/docs/Web/CSS/max-height
    with important rule:
    https://www.w3schools.com/css/css_important.asp

    Kind Regards,
    Kris

    Thread Starter stumur

    (@stumur)

    Omg.. Kris! You are a total champion.. thank you!! I mucked around for hours with your info and I finally came up with a code thing of

    .select2-container ul {
    max-height: 100% !important;
    }

    I stuck it in the css area and shock:horror it worked! It’s probably wrong but it seems to be happy atm. One weird thing – any percentage figure whatsoever that I use whether it’s 10% or 100%, seems to give exactly the same result –> fully dropped-down/expanded boxes, which is what I wanted, but I figured the percentage I used would reflect in the dropdown size, but seemingly not. Anyway, THANK YOU so much mate. Fingers crossed this is correct!

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

The topic ‘How To Expand My Drop-Down Boxes’ is closed to new replies.