Forums/Community/Community tips & tricks

Left Side bar

Skip Moore
posted this on December 29, 2009 16:01

You can move your side bar to the left by using a custom CSS widget and some simple code.

 

div#container .content_grey
{ float: right;
width: 75%;
margin: 0px 0px 0px 0px;
}
div#container .content_green
{ float: right;
width: 75%;
margin: 0px 0px 0px 0px;}
div#sidebar {
float: left;
}
.page-box {
width: 950px;
}

div.box_bottom_clear {clear: right;}

 

Comments

User photo
Alexander Aghassipour
Zendesk

The above CSS will be deprecated after March 7 2010. Please use this code in your custom CSS widget instead:

#container #contentwrapper { float: right; width: 725px; }
#container #contentcolumn { margin-right: 0; }
#sidebar { float:left; margin-left: 0; padding-left:0;}
#page { width: 982px; }

Please note that this will yield a fixed width of your pages

February 16, 2010 19:34
User photo
Stéphane Leduc

I got all #container #contentwrapper under the sidebar. Is the new code working or will just be working after March 7 2010?

February 22, 2010 19:16
User photo
Dearg O'Bartuin

thank you thank you thank you!!!!

im really trying to incorporate more of a website than support site feel.

this has helped lots, please visit www.vitlive.com to see what i have so far!

September 03, 2010 08:27
User photo
Konstantin Kharitonov
cinesoft

Can you provide new code for today ?

March 04, 2011 12:19