JenSocial: Social Web Directory and Ning Tips

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

add picture to header

I feel sure that the answer is here,,,,somewhere, but I cannot find it so here goes:

I would like to add a picture to my header AND keep the network title and tag line in view, so adding through the add logo deal won't work. My desire is to have a picture to the left sider of the header and the text to the right. Would also like to have the description dispolayed up there also if possible. I have tried playing with the CSS and have found that I need to keep my day job.

Seems like I saw this once a long time ago and it had something to do with the theme being clean or have sufficient room. Would like to keep the theme if possible and maybe make the header bigger??

0 members favorited this

▶ Reply to This

Replies to This Discussion

Permalink Reply by JenSocial on November 5, 2010 at 10:48pm

Hi,

Unfortunately, unless you take advantage of upload Network Logo or Header Image, this is an advanced hack unique to each case. I suggest you create your Network Logo with your image and Network Name, together.

Here's some CSS that might empower you a little:

/* Add padding to left of Site Name */
#xg_sitename {padding-left:150px!important; font-size:36px!important;}
/* Interesting way to insert image to left of your Site Name - - Only thing, can't think of a way to add margin right of image. The Content attribute is powerful but limited. If you could add white space to right of image, that would work. Otherwise to do this, you need special scripting in Custom Code Box. And of course, the best way is to create your logo with an image and text for the site name. */
#xg_sitename:before {content:url(image path);}
/* Add padding to left of Tagline */
#xg_sitedesc {padding-left:650px!important;}
/* Controls height of entire area */
#xg_masthead {height:150px;}

Best,

Jen