- This topic has 3 replies, 2 voices, and was last updated 9 years, 8 months ago by
.
-
Posts
-
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
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:
[html]div[id*=’ajaxsearchprores’],
div[id*=’ajaxsearchprores’] * {
font-family: whatever-font !important;
}[/html]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: http://i.imgur.com/ry6Z9Y5.png
3. The close icon is not changeable, but you can change it’s color with a custom CSS:
[html].probox .proclose svg {
background: red !important;
}[/html]4. It’s calculated automatically, but with a top margin you can “cheat” the distance, for example to bring it closer:
[html]div[id*=’ajaxsearchprores’] {
margin-top: -40px !important;
}[/html]I hope these help!
- The topic ‘Edit ASP CSS: fonts, close box, slider’ is closed to new replies.