Home › Forums › Product Support Forums › Ajax Search Pro for WordPress Support › Edit ASP CSS: fonts, close box, slider
This topic contains 3 replies, has 2 voices, and was last updated by Ernest Marcinko 7 years, 6 months ago.
- AuthorPosts
- September 6, 2016 at 9:07 am #9974
Hi,
I’ve been searching this, unfortunately haven’t found anything: is there a safe way to change/edit the following CSS properties of Ajax Search Pro
- Add custom CSS fonts (not Google fonts) to search result dropdown
- change look and/or colour of the search result dropdown slider
- change the search result close button (icon used, colours)
- change distance between search input and search result dropdown
TIA!
Phil
September 7, 2016 at 10:17 am #9994Hi 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 :)
September 7, 2016 at 10:55 am #9995Brilliant, thanks Ernest!
September 9, 2016 at 2:25 pm #10051You cannot access this content. Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)
- AuthorPosts
The topic ‘Edit ASP CSS: fonts, close box, slider’ is closed to new replies.