The Sign in/Sign up page

[Leroy S. Yeartie]

Hi, I am new to NING and can really use some help in resolving some issues with my Network. I need to know where do I go to change the background on my sign in /sign up page. I see a lot of information on what code to use, but no step by step on what location I would put the code or how to go about doing it. I need a walk through.  

[Eric Suesz]

See if this might help. 

[Leroy S. Yeartie]

Thank you, I tried it, but it did nothing. I have been trying to do this for about a week. I have seem other sites, so i know it can be done. 

[George H. Compton IV]

I just Started this discussion because you asked :-)

just click this link

Customize your sign in page

[Leroy S. Yeartie]

My issue may be that Im not putting the code in the correct location, so can you tell me where I should be putting this before I mess something up. As I stated, if I can get a step by step, would really do me some good, if you dont mind.

 

[Bernard Lama]

Just copy and paste George's code into advanced CSS box. Or you may want to change the background image suit to your preference.

[Leroy S. Yeartie]

Thanks Bernard for the info. I tried that and it did work, however, when i tried to insert my image, I dont think that Im doing it correctly. Can you please tell me how to identify the correct image info for replace in George's code. Below is the image that I want to use.

[Bernard Lama]

Well, your background image size is too small for body background. It should be at least this much big.

[George H. Compton IV]

I've inserted your image url in the codes. Bernard may be right about the size for the page background itself.

this one is for the background of the page itself

.xg_theme #xg_themebody
DIV#xg.account.external-auth.xg_widget_main.xg_widget_main_authorization.xg_widget_main_authorization_signIn
 {
 padding-top: 4.5%!important;
 padding-bottom: 42% ;}
 DIV#xg.account.external-auth.xg_widget_main.xg_widget_main_authorization.xg_widget_main_authorization_signIn{
 background-image: url(http://api.ning.com/files/-S79Cao6YpJNH9dvZUwzIRUG7GrwCYzOo6kSepbfr...)!important;
 background-attachment:
 fixed; background-size:100% 100%; }

_

_

This one's for the module

DIV.xg_module.xg_lightborder.signin-module FORM.xg_module_body.xg_lightborder {
 background-image: url( http://api.ning.com/files/-S79Cao6YpJNH9dvZUwzIRUG7GrwCYzOo6kSepbfr...)!important;
  background-size:100% 100%; }

_

_

Here's a snapshot of it set as the background

[Leroy S. Yeartie]

WOW, this is just want I want. I inserted the codes but they did not change anything. I am inserting the code in the Add Custom CSS. Correct?

 

[George H. Compton IV]

the code needs to Be placed in your nc custom code box which is in your dashboard in the tools section. make sure you Add it with the <style> with it.

<style>
.xg_theme #xg_themebody
DIV#xg.account.external-auth.xg_widget_main.xg_widget_main_authorization.xg_widget_main_authorization_signIn
 {
 padding-top: 4.5%!important;
 padding-bottom: 42% ;}
 DIV#xg.account.external-auth.xg_widget_main.xg_widget_main_authorization.xg_widget_main_authorization_signIn{
 background-image: url(http://api.ning.com/files/-S79Cao6YpJNH9dvZUwzIRUG7GrwCYzOo6kSepbfr...)!important;
 background-attachment:
 fixed; background-size:100% 100%; }
</style>

[Leroy S. Yeartie]

Followed your directions by the letter and there was no change! I need to inbox you if you dont mind. I sent you a friend request.

[George H. Compton IV]

of course I don't mind I'll be awaiting your message and thank you for a friend's request :-)