Reply To: Edit ASP CSS: fonts, close box, slider

Home › Forums › Product Support Forums › Ajax Search Pro for WordPress Support › Edit ASP CSS: fonts, close box, slider › Reply To: Edit ASP CSS: fonts, close box, slider

September 7, 2016 at 10:17 am #9994
Ernest Marcinko
Ernest Marcinko
Keymaster

Hi Phil!

Instead of changing the plugin files, I rather suggest using custom CSS codes, as it will last beyond an update.
I will try to construct the custom CSS codes for each case.

1. Custom fonts for results:

div[id*='ajaxsearchprores'],
div[id*='ajaxsearchprores'] * {
    font-family: whatever-font !important;
}

Replace the whatever-font with the one you need, it will apply on all of the elements on the results box.

2. There is actually an option for that: https://i.imgur.com/ry6Z9Y5.png

3. The close icon is not changeable, but you can change it’s color with a custom CSS:

.probox .proclose svg {
    background: red !important;
}

4. It’s calculated automatically, but with a top margin you can “cheat” the distance, for example to bring it closer:

div[id*='ajaxsearchprores']  {
    margin-top: -40px !important;
}

I hope these help!

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