JenSocial: Social Web Directory and Ning Tips

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

How To Center Header - Center Your Logo

This can get tricky. It all depends on how you add your header logo, i.e. upload via All Options (Header Image or Network Logo), or if you add via Advanced CSS.

The safest bet is to create an image with a width of 955 pixels. This enables you to get all your centering done within your image.

Otherwise, if you uploaded your header via "Manage/Appearance/All Options/Network Logo", you should be able to add this code to Advanced CSS, and center your logo.
#xg_masthead p#xg_sitename { text-align:center!important; }

If this doesn't work for you, let me know. Leave your URL, and I'll try to add your particular "case" example.

1 member favorited this

Replies to This Discussion

Permalink Reply by JenSocial on April 19, 2010 at 6:30pm

Your code is correct. I tested in Firebug, and it works for me - - both centered. Maybe try placing code at bottom of Advanced CSS. Also, make sure you have no errors in all CSS, like a missing } bracket.
Best,
Jen

Permalink Reply by Dutch Seattle on April 20, 2010 at 1:10am

Putting it at the bottom of the page helped.
Thanks.

Permalink Reply by Forbes on June 6, 2010 at 2:07pm

it doesnt center my logo http://www.gbooza.com

Permalink Reply by JenSocial on June 6, 2010 at 2:13pm

Hi Forbes,
This actually works in your case. It's not working for you because you have an error in your Advanced CSS. You are missing a right curly bracket on your last style. Just end it with
}
Then add the code above.
Hope that helps,
Jen

Permalink Reply by Forbes on June 6, 2010 at 2:23pm

i did that,and it centered.but its not steady.when i click heading tabs it centre.when i click home"start",it return.Is that normal?

Permalink Reply by JenSocial on June 6, 2010 at 2:40pm

No, not normal. You probably have another glitch in your CSS. Be sure to look at each line of code and make sure there are no more missing }.

Wait, also, it could be your cache hasn't caught up yet. Did you refresh the screen with F5? Try that for sure.

Good luck,
Jen

Permalink Reply by JenSocial on June 6, 2010 at 2:45pm

Another thing to check for, make sure you don't have the same code as above - - somewhere else in your CSS and maybe a contradiction of styles.

Permalink Reply by Forbes on June 6, 2010 at 2:55pm

when i sign-in,its fine.when i sign-out,it return to original position.i dont have same code.i added it at the bottom not at the beginning of Advance CSS,does that make any difference?

Permalink Reply by Forbes on June 6, 2010 at 3:03pm

its okay now.thanks alot!

Permalink Reply by JenSocial on June 6, 2010 at 3:06pm

Okay, that's good news. Just FYI: Most of the time when you change CSS on Ning, and sign out - - you will see the older code version. It takes about 20-30 minutes sometimes for the cache to clear up.

Permalink Reply by funflowingmusik on August 2, 2010 at 10:44am

wow i was about to ask for help, but after looking at the code i realized it was to long i edited it and now it works ty jen ur the best i love ur site so much!

Permalink Reply by JenSocial on August 3, 2010 at 2:46am

Thanks! Happy to hear it helped.
;-)