individual colours for the "login/register" fields

[snoopy5]

Hi

I want to use other colours than anywhere else in the forum for the "login/register" formular. How can I do this?

 

[Chris D]

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.

 

[snoopy5]

Thanks. That sound good. Where can I find a list of all those IDs?

 

[Chris D]

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

 

[snoopy5]

Thanks, I get the id with this, but it seems to be the wrong code for the background. Nothing changes.

 

[Chris D]

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.

 

[snoopy5]

thanks. That did it...