Dropdown boxes hide content before selection

bowlschat

The dropdown boxes in the Alumni template partially or completely hide the content before a selection is made, how can this be corrected?
An example is at https://www.bowlschat.com/directory/filter-search (see image) but the same problem is with dropdown boxes in other parts of the website.

saguaros

bowlschat

Hi,

You can use this custom CSS code:

.jr-listing-type.jrSelect {
    height: 3em;
}

and increase the height value to suit your needs.

bowlschat

Thank you Saguaros, is the code only for the dropdown box in the image?
Do i use a different css code for each box (see another example at https://www.bowlschat.com/directory/map-search at the top right hand side) or is there a global adjustment?

saguaros

bowlschat

Each page has different class, in the map search page is 'jr-map-order jrSelect'

This belong to JReview component, you can contact them if there is a global adjustment or not.

Regards

bowlschat

Thank you for help Saquaros, much appreciated.

paulus1031

Thanks for the update - I'll mark this resolved

Cheers
Paul