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)

September 25, 2015 at 9:27 am #6031
Ernest Marcinko
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 :)