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

Home Forums Product Support Forums Ajax Search Pro for WordPress Support How to change font size and font family in suggested search keyword field Reply To: How to change font size and font family in suggested search keyword field

#8823

Ernest Marcinko
Keymaster

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 :)