This website uses cookies to personalize your experience. By using this website you agree to our cookie policy.

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 MarcinkoErnest Marcinko
Keymaster

Hi!

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

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

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

[html]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;
}[/html]

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.