Home Page Format TIP - Make Your Center Wide Column Display on Left

This is just a Page Formatting TIP, not something anyone needs to do. :-)
This didn't work for the Directory, IMHO. However, I think this is a cool way to make your network stand out from the rest. Add this CSS code to your Advanced CSS (probably best to add at bottom), and watch the center column move to the left on the home page.

.xg_widget_main_index_index .xg_3col .xg_1col {
float:right;
margin-left:0;
}
.xg_widget_main_index_index .xg_3col .xg_2col {
margin-left:0;
}
#homelayout div.column {
float:right;
}
#homelayout div.col2 {
float:left;
}
#homelayout div.col1 {
margin-right:115px;
margin-left:-230px;
}
* html #homelayout div.col1 {
margin-right:0;
}

0 members favorited this

Replies to This Discussion

Permalink Reply by Magic Happens on October 29, 2008 at 4:50am

l want to see this before l try it, l am not a computer smart person. lol

Permalink Reply by JenSocial on October 29, 2008 at 4:57am

I'll do it late another night, and capture a screen for you.
Have a good day,
Jen

Permalink Reply by Pet Lovers Paradise on October 29, 2008 at 10:08am

Very cool! I tried this and it really did change the dynamics of the page. Unfortunately, I probably will leave mine as it is, because I have a lot of content that tells folks to to the middle of the page or the left column, and I don't want to confuse everyone, but I thought this was great. Thanks for sharing.

RSS

Welcome to
JenSocial: Social Web Directory and Ning Tips

Sign In