Change Login / Registration Form Background

[Anonymous]

Hey,

How do I change the background of the login/registration form page?

I am talking about the background of the ”Forgot your password?” section.
I have added a screenshot:

[Anonymous]

This reply has been marked as private.

[Anonymous]

Hi K, this is the CSS that you will allow you to change the background image:

div.userpro-head, {
border-radius: 5px 5px 0 0;
background: #f5f5f5 url(img/pattern.png) repeat;
border-bottom: 1px solid #eee;
}

[admin]

This is a custom css question. peem answer is right; you may need to add the !important rule to force the change.

[Anonymous]

Hi,

Thank you for your reply.
Where exactly can I find that code? I added it to the ”custom CSS” field, but it doesn’t work.

[Anonymous]

Remove the comma after head and try this:

div.userpro-head {
border-radius: 5px 5px 0 0;
background: #f5f5f5 url(img/pattern.png) repeat;
border-bottom: 1px solid #eee;
}

[Anonymous]

Thanks a lot! That worked :).

Another question (sorry to bother you… :p ):

Is it possible to change the background of the ”Profile” page as well? (Same background, but when you are already logged in).

[Anonymous]

Yes I think so try adding a comma then div.userpro-centered, so the css would look like this:

div.userpro-head, div.userpro-centered {
border-radius: 5px 5px 0 0;
background: #f5f5f5 url(img/pattern.png) repeat;
border-bottom: 1px solid #eee;
}

Let me know if that works