How do I change the style of the cascading dropdowns?

[Charlene]

I’d like to use the side by side style, but I’d also like to increase the width of each select section to 300px.

When I tried to add the following CSS in custom CSS (see attached images)

SELECT.spjs_casc_multi {min-width:300px !important; width:300px !important;}

The boxes overlapped one another. Can anyone help?

Attachments:

1. 

   Cascading-dropdown.png
   

2. 

   cascading-dropdown-overlap.png
   

[Charlene]

I figured it out! In case this helps anyone else, instead of changing SELECT, I changed the formbody width in the Field CSS.

TD.ms-formbody {min-width:700px !important; width:700px !important;}

[Alexander Bautz]

I’m glad you figured it out.

Alexander

[Author]

Posts