Support

Home › Forums › Event Espresso Premium › Select Dropdown Field width — always chops off content with arrow down button

Select Dropdown Field width — always chops off content with arrow down button

Posted: December 1, 2022 at 11:55 am


Stephen Feher

December 1, 2022 at 11:55 am

I have several forms (5+) with several dropdown fields (3+) in each form. Every instance of these dropdown fields results in the same UX — the dropdown “arrow” overlays the content in the field, making it hard to read.

I know that we can edit the CSS with something like #id {width: auto;}, but I have dozens of instances of this today, and will have more in the future.

Is there a global CSS option to change this for ALL instances of the dropdown within EE?


Sam

  • Support Staff

    •

December 2, 2022 at 4:32 am

Hi Stephen,

Thank you for contacting us today.

You can try this CSS to adjust the width of the dropdown universally:

.event-reg-form-groups select {
    min-width: 150px !important;
}

Hope that helps.

Thank you.

The support post ‘Select Dropdown Field width — always chops off content with arrow down button’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Support forum for Event Espresso 3 and Event Espresso 4.
Documentation for EE3 and EE4
Documentation for Event Espresso 3 Documentation for Event Espresso 4

Status: closed

Updated by  Sam 1 year, 4 months ago ago

Topic Tags

Tagged: ,

Notifications

This topic is: not resolved
Event Espresso