JenSocial: Social Web Directory and Ning Tips

Social Web Directory :: Social Network Directory :: Ning Tips and Ning Support

MTCCSD Members Area Admin's Comments

At 5:45pm on December 16, 2009, MTCCSD Members Area Admin said…: Jen, the logo is in place, but what just happened? I don't have a clue. I have a lot to learn about CSS. As I understand code was place in two locations in the CSS 1.) #xg_sitename, #xg_sitedesc {display:none!important;} To remove the Ning logo 2.) #xg_masthead {height:255px; min-height:255px!important;}#google_translate_element {display:none!important;} #xg_masthead {background-image: url(
http://api.ning.com/files/Gczcrkd9DLPvYhdjswfFG1u321g-N3aXP3WcMx8Qd7o_/background_b.gif?width=925&height=268&xn_auth=no&type=gif); background-repeat:no-repeat;} #xg_head {padding-top:50px!important;} #google_translate_element {display:none!important;} To place my logo did you create a seperet url for my logo? I am confused. Again I have so much to learn about CSS Thanks you so much Odake

At 5:14pm on December 16, 2009, JenSocial said…: Again, just in case my text mixed it up. #xg_masthead {height:255px; min-height:255px!important;}#google_translate_element {display:none!important;} #xg_masthead {background-image: url(
http://api.ning.com/files/Gczcrkd9DLPvYhdjswfFG1u321g-N3aXP3WcMx8Qd7o_/background_b.gif?width=925&height=268&xn_auth=no&type=gif); background-repeat:no-repeat;} #xg_head {padding-top:50px!important;} #google_translate_element {display:none!important;}

At 5:14pm on December 16, 2009, JenSocial said…: Whew, LOL! I think I've got it. It took custom code. Please replace all the special code you added (even google) with the following: #xg_masthead {height:255px; min-height:255px!important;}#google_translate_element {display:none!important;} #xg_masthead {background-image: url(
http://api.ning.com/files/Gczcrkd9DLPvYhdjswfFG1u321g-N3aXP3WcMx8Qd7o_/background_b.gif?width=925&height=268&xn_auth=no&type=gif); background-repeat:no-repeat;} #xg_head {padding-top:50px!important;} #google_translate_element {display:none!important;}

At 5:12pm on December 16, 2009, MTCCSD Members Area Admin said…: Where is the (upload option of thumbnail and popup) I do not see it?

At 5:04pm on December 16, 2009, MTCCSD Members Area Admin said…: This is the coce I just removed

#xg_masthead {height:200px; min-height:200px!important;}#google_translate_element {display:none!important;}

Thanks so much for you help

At 5:02pm on December 16, 2009, MTCCSD Members Area Admin said…: I will remove it

At 4:59pm on December 16, 2009, JenSocial said…: BTW, please do not add the new code I gave you, especially where the masthead is only 50 pixels in height. The google removal would be okay to add.

At 4:59pm on December 16, 2009, JenSocial said…: I got it. Give me a few minutes to figure this out.

At 4:58pm on December 16, 2009, JenSocial said…: Okay, great. I see your banner. This is what I need. I need you to upload again, and select the upload option of thumbnail and popup, so I can grab the large version. In the meantime, I'll go to your Ning and see if it's there.

At 4:56pm on December 16, 2009, JenSocial said…: Might be better to add the important.
#google_translate_element {display:none!important;}

At 4:55pm on December 16, 2009, JenSocial said…: This should get rid of the Google Translate:
#google_translate_element {display:none;}

At 4:53pm on December 16, 2009, JenSocial said…: I just had an idea. If you want to use the same logo as your profile pic, we could just bring everything up a bit.

Add this line in place of the similar line:
#xg_masthead {height:50px; min-height:50px!important;}

At 4:49pm on December 16, 2009, JenSocial said…: Great! Now, let's figure out how to add your logo. Can you upload it here, so I know for sure what you're trying to upload? I assume it's the same as your profile photo, but not sure.
;-)

At 4:38pm on December 16, 2009, JenSocial said…: You need to add this exact code to the bottom of the CSS.
#xg_sitename, #xg_sitedesc {display:none!important;}
#xg_masthead {height:200px; min-height:200px!important;}

Go to 'My Page/Appearance/Advanced Tab
Add the code to very bottom of CSS
Click on Save.

Then we need to figure out why your logo will not upload. Let's try one step at a time.
;-)
Jen

At 1:00pm on December 16, 2009, JenSocial said…: Hi,
I got a little confused with the extra code you left on my page. Just add the code I gave below to bottom of the CSS.

Then on your logo, did you try to uploading under All Options (tab to left of Advanced) as Network Logo? I believe that should work. I think one reason you having problems is this particular built-in Ning template. It's bad to overwrite custom CSS. I've had issues with it too.

Hoping this helps,
Jen

At 12:11am on December 16, 2009, JenSocial said…: Hi MTCCSD,
On your question about where to insert the CSS:

From your page, locate your profile image (upper left). Under this, click on 'My Page/Appearance/Advanced Tab'. Under CSS, add these styles. I tested these on your page, and this is what worked.

Try this.
#xg_sitename, #xg_sitedesc {display:none!important;}
#xg_masthead {height:200px; min-height:200px!important;}

Can you show me where you got these instructions, so I can update them? Ning has changed the command from "Theme" to "Appearance". That's most likely why you couldn't find it.

Thanks,
Jen

At 4:38am on December 14, 2009, Administrator☼JenSocial said…: Welcome Odale Baker
Thank you for adding your Ning Network to the Ning Directory. In order to maximise attention to your Network, - - please change your Member Name to your Network Name and your Member Photo to your Network Logo. If you have already done this, thank you. THIS WILL HELP GET YOUR NETWORK NOTICED BY VISITORS, AND IS REQUIRED TO MAINTAIN MEMBERSHIP. Don't forget to add your Ning Networks to THE LIST, I wish you and your Ning Network, tremendous success! And I hope that the Ning Directory is both rewarding to you and your Network. Have a browse around, any questions just ask. Cheers Deborah Administrator