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

individual colours for the "login/register" fields

Chris D

XenForo developer
Staff member
#2
Each of the fields on the login/register form have a unique ID.

You could style them in EXTRA.css by referencing the ID of the element (rather than the class).

e.g.

#id_ctrl_email
{
background-color: red;
}

Would give the Email field only a red background.
 

Chris D

XenForo developer
Staff member
#4
Use a decent browser such as Chrome or Firefox.

Right click the field and select "Inspect Element" from the menu.

You will then be shown the HTML code which pertains to that field.

So something like:
<input type="text" class="textCtrl" name="email" id="id_ctrl_email" />

id_ctrl_email is the ID so you would reference that in css with

#id_ctrl_email
 

Chris D

XenForo developer
Staff member
#6
My example was wrong.

The id for the email field is actually just "ctrl_email".

So EXTRA.css containing:

#ctrl_email
{
background-color: red;
}

Would make the email field red.