|
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
|
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.
|
