I have 2 drop down menus in a contact form.
It's a real estate website - one dropdown is for bedrooms and one is for price range.
I want the drop down menus 2 different widths -
I added 2 classes in the contact form- dropdown1 and dropdown2.
In the theme styles I added: .dropdown1 select {width: 20px;}
.dropdown2 select {width: 150px;}
They both end up the same width - this is in the agentpress theme:
.entry-content select {
width: 200px;
This is what's overriding my .dropdown1 that I added to the class -
how do I handle that?
Thanks!