Reply To: How to change color text (not placeholder)

Home Forums Product Support Forums Ajax Search Pro for WordPress Support How to change color text (not placeholder) Reply To: How to change color text (not placeholder)

#6031

Ernest Marcinko
Keymaster

Hi!

You are very welcome, i'm glad you are enjoying the plugin 🙂

Changin the placeholder color different from the input color is only possible via custom CSS color right now. I didn't make an option to change that, the placeholder will get the same color as the input field, only with a lower opacity. I might have to implement this option though, I will definitely think about it.

In the meantime use this code to override the placeholder color:

input.orig::-webkit-input-placeholder {
   color: rgb(255, 224, 101) !important;
}

input.orig:-moz-placeholder { /* Firefox 18- */
   color: rgb(255, 224, 101) !important;
}

input.orig::-moz-placeholder {  /* Firefox 19+ */
   color: rgb(255, 224, 101) !important;
}

input.orig:-ms-input-placeholder {  
   color: rgb(255, 224, 101) !important;
}

It's a bit lengthy and repetitive, but it only works this way for some reason. Now you can change the input color to black, and the placeholder color should still stay yellow.

Best,
Ernest Marcinko

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