Question

How to set placeholder for the username field on register page like the screenshot below?

It would be good if I can change the css of the placeholder as well.

Answer 1

Here you need to do the code change 

see this line 

https://github.com/q2a/question2answer/blob/master/qa-include/pages/register.php#L153

'tags' => 'name="handle" id="handle"',

Change to ===>>>

'tags' => 'name="handle" id="handle" placeholder="Please use your first name + last name "',

-----------UPDATE ----------

To convert the placeholder style to red , use the following css code inside qa-styles.css file 

::-webkit-input-placeholder {

   color: red;

}

 

:-moz-placeholder { 

   color: red;  

}

 

::-moz-placeholder {  

   color: red;  

}

 

:-ms-input-placeholder {  

   color: red;  

}

 

--------------------------UPDATE - -------------

if you want only to change the redcolor for only the usename , just use the CSS selector . it should work 

 

#handle::-webkit-input-placeholder {
    color: red;
}

#handle:-moz-placeholder {
    color: red;
}

#handle::-moz-placeholder {
    color: red;
}

#handle:-ms-input-placeholder {
    color: red;
}

Comments

and how to change the color to red?

---

Please see my updated answer . Thanks

---

Using your recent css, all placeholder on entire site will be in red. I want just the username' placeholder in red.

---

Ok . I updated again my answer .

---

Thanks Ami. It works.