Design Trick: Remix your network's layout.

We've recently utilized a CSS trick to move the standard right column to the far left of our Social Network. Moving the site-wide column to the left side of your network helps make your network look less generic. With over 1,000,000 Social Networks created on the Ning Platform, there clearly needs to be more diversity in design. Here at LiveWired, we like to help make the social network that you created, truly Your Own Social Network.

So, how difficult is it to accomplish this simple CSS trick? You don't even have to understand CSS, as we've made the code available to you. To accomplish this on your network, simply copy the CSS code below and paste it in the advanced CSS code box on your network's appearance page and click save. That's it.


.xg_3col, .xg_widget_forum .xg_column.xg_span-16 {
float:right;
padding-left:0px;
padding-right:10px;
}
.xg_3col .xg_1col {
float:right;
padding-left:0px;
padding-right:0px;
}
.xg_1col.last-child {
padding-right:3px;
margin-left:0px;
}
.xg_widget_profiles .xg_1col.first-child, .xg_widget_forum .xg_column.xg_span-4.xg_last {
float:left !important;
padding-left:0px;
margin-left:0px;
}


Potential Issues:
If you've enabled members to select their own theme, the right column will still show up on the right side of member's pages that have selected their own theme.

Comments about this article: