Change Login / Registration Form Background – UserPro Forums

Change Login / Registration Form Background

Thu, 22 May 2014 14:20:23 +0000

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:

Reply To: Change Login / Registration Form Background

Thu, 22 May 2014 14:21:31 +0000

This reply has been marked as private.

Reply To: Change Login / Registration Form Background

Thu, 22 May 2014 16:08:16 +0000

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;
}

Reply To: Change Login / Registration Form Background

admin — Thu, 22 May 2014 18:32:59 +0000

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

Reply To: Change Login / Registration Form Background

Sun, 25 May 2014 18:49:57 +0000

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.

Reply To: Change Login / Registration Form Background

Sun, 25 May 2014 18:51:31 +0000

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;
}

Reply To: Change Login / Registration Form Background

Sun, 25 May 2014 19:29:32 +0000

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).

Reply To: Change Login / Registration Form Background

Sun, 25 May 2014 21:15:34 +0000

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