Reply To: How to change font size and font family in suggested search keyword field

[Ernest MarcinkoKeymaster]

Hi!

For the placeholder you might need these as well:

input.orig::-webkit-input-placeholder {
   font-family: 'Abel', sans-serif !important;
}
  
input.orig:-moz-placeholder { /* Firefox 18- */
   font-family: 'Abel', sans-serif !important;
}
  
input.orig::-moz-placeholder {  /* Firefox 19+ */
   font-family: 'Abel', sans-serif !important;
}
  
input.orig:-ms-input-placeholder {
   font-family: 'Abel', sans-serif !important;
}

I guess I forgot to implement a font option for the keyword suggestions 🙂
Anyways, use this for the no results header font:

.asp_nores_header {
    font-size: 12px !important;
}

and this for the keywords:

.asp_keyword {
    font-size: 12px !important;
}

The integration will only work if you replace the theme search with the ajax search pro search bar. It holds vital information and data structure in order to work. Feel free to check these documentation chapters on this topic: automatic replacement (if theme supports), manual replacement

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