Select Boxes/Dropdowns are Broken

  • Resolved molder101

    (@molder101)


    3 years, 8 months ago

    Not sure when it changed, but at some point, the select boxes/dropdowns are broken.

    Now they display the options underneath as opposed to in the dropdown.

    I searched the forum and tried the custom CSS code fixes that seemed to work for others. No luck.

    I tried fooling around with the CSS to fix the issue, but can’t figure it out.

    Any suggestions? TIA

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Nik Sebastian

    (@niksebastian)

    3 years, 8 months ago

    Hi @molder101,

    It looks like there could be a styling conflict between the site theme and the forms. To fix this, please try the following custom CSS snippet:

    div.wpforms-container-full .wpforms-form select {
    display: inline-block !important;
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
    appearance: menulist !important;
}

.wpforms-field .nice-select {
    display: none !important;
}

    And in case it helps, here’s a tutorial on how to add custom CSS like this to your site.

    Hope this helps!

    Thread Starter molder101

    (@molder101)

    3 years, 8 months ago

    Thanks for the help, Sebastian.

    Looks like I was originally adding code to the Custom CSS tab instead of the Additional CSS tab.

    Made the adjustment and now it’s working correctly.

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

The topic ‘Select Boxes/Dropdowns are Broken’ is closed to new replies.