Ning Developer Network

Hi,
I'm having trouble centering my header (Image 955 x 150) and it's left justified. I have looked at the code offored in other discussions, but they all seem to apply to an image is being hosted on another site versus being uploaded with the ning header uploader. I'm beyond frustrated as when you upload the image, nothing changes in the code.

Please advise!

Thanks,
Darcie

current code belwow

Tags: center, centeredheader, centre, css, header, headers, image

Share Twitter

Attachments:

Replies are closed for this discussion.

Replies to This Discussion

Try putting this code into your "manage" -> "Appearance" -> "advanced" css area;

#xg_head {
text-align: center;

}
Great it worked - just what I was looking for too! Thank you!

Jerry Schafer said:
Try putting this code into your "manage" -> "Appearance" -> "advanced" css area;

#xg_head {
text-align: center;

}
thanks

Jerry Schafer said:
Try putting this code into your "manage" -> "Appearance" -> "advanced" css area;

#xg_head {
text-align: center;

}
this is not working for me and i've tried everything i can find here, anyone mind taking a peek at this?

thanks!

code:

#xg {
margin:0;
width:auto;
}

#xg_head {
width:auto;
}

#xg_head {
text-align: center;

}

#xg_foot {
height:1.5em;
}

#xg_head #xg_masthead p#xg_sitename, #xg_head #xg_masthead p#xg_sitedesc, #xg_head ul, #xg_body, #xg_foot {
width:945px;
margin-left:auto;
margin-right:auto;
float:none;
}

#xg_head #xg_masthead #xg_sitename {
padding-top:42px;
padding-left:100px;
line-height:1.2em;
*line-height:1.5em;
}

#xg_sitename a {
font-size:46px;
font-weight:bold;
zoom:1;
}

.xg_module_head h2 {
font-weight:bold;
color:#814EB3;
}

#xg_masthead p#xg_sitedesc {
line-height:1.2em;
height:1.2em;
font-size:20px;
font-weight:bold;
color:#ffffff;
}

#xg_masthead {visibility:hidden;}
#xg_masthead {height: 120px;}

.xg_module_head {
font-size:14px;
border-bottom:2px solid #ffffff;
color:#ffffff;
}

#xg_head #xg_masthead {
background-color:#ffffff;
padding:0 0 19px 0px;
}

ul.page_tabs li.this {
background-color:#ffffff;
}

#xg_navigation {
background-color:#ffffff;
margin:0;
padding:0 0 0px;
}

#xg_navigation ul li a {
color:#814EB3;
padding:0px 10px 0;
}

#xg_navigation ul li.this a {
background-color: #d8c8e8;
}

.xg_module_foot {
background-color:#ffffff;
}
try removing:
#xg_masthead {visibility:hidden;}
thanks vaqz, i just tried this and the logo disappears and the text title displays (albeit centered:)
..now try this:

#xg_masthead p#xg_sitename {
text-align:center !important;
}

RSS

© 2010   Created by Ning Developer Admin

Badges  |  Report an Issue  |  Privacy  |  Terms of Service