• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 1.2 How to change color of search space

Shelley

Well-known member
#6
@Shelley thank you. It worked
@Amaury thank you. But it changed a lot more things as well. But it did change the color. You are right.

Last thing. How do you change the color of the letters "search" in the box?
just add in color: red; inside the code i posted. Changing the colour to your preference.

Edit: sorry my mistake don't add that in.
 

Shelley

Well-known member
#11
I copied and pasted the codes in the extra css but it didnt work. :(

I just want to change the color of the "search..."
Try the following.

Code:
#QuickSearch .textCtrl::-webkit-input-placeholder {
  color: green;
}


#QuickSearch .textCtrl:-moz-placeholder { /* Firefox 18- */
  color: green;  
}

#QuickSearch .textCtrl::-moz-placeholder {  /* Firefox 19+ */
  color: green;  
}


#QuickSearch .textCtrl:-ms-input-placeholder {  
  color: green;  
}
 
#12
Try the following.

Code:
#QuickSearch .textCtrl::-webkit-input-placeholder {
  color: green;
}


#QuickSearch .textCtrl:-moz-placeholder { /* Firefox 18- */
  color: green; 
}

#QuickSearch .textCtrl::-moz-placeholder {  /* Firefox 19+ */
  color: green; 
}


#QuickSearch .textCtrl:-ms-input-placeholder { 
  color: green; 
}
worked. thanks