Reply To: Styling ASP Filter Select Dropdowns and Results

Home Forums Product Support Forums Ajax Search Pro for WordPress Support Styling ASP Filter Select Dropdowns and Results Reply To: Styling ASP Filter Select Dropdowns and Results

#13556
Ernest Marcinko
Ernest Marcinko
Keymaster

Hi!

For the vertical alignment, try forcing 0 margins on the fieldset, it may do the trick:

div.ajaxsearchpro.searchsettings[id*="ajaxsearchprobsettings"] fieldset {
    margin: 0 !important;
    width: 50% !important;
}

The border radius may not be possible to overrule, I have only found this possible solution on the web:

div div.wpdreams_asp_sc.wpdreams_asp_sc-11 form select {
    width: 100% !important;
   -webkit-appearance: none; 
   -webkit-border-radius: 24px !important;    
   -moz-border-radius: 24px !important;   
   border-radius: 24px !important; 
}

These also contain the width fixes.

Apparently safari has a very strict built in rule for the select boxes, and it’s extremely hard to style. The ‘-webkit-appearance’ rule may help though.

Best,
Ernest Marcinko

If you like my products, don't forget to rate them on codecanyon :)