Sidebar Width CSS Examples

[Dan Nickerson]

In this thread I'm going to start posting CSS to change the sidebar widths of different layouts. These layouts are contained in the CSS folder in your Socrates directory and can only be changed via FTP or file manager.

You would just copy the code from this page and paste it over the original css code in the corresponding file.

If you would like to contribute tested CSS code to this thread please follow the format of my first reply below.

[Dan Nickerson]

Replace file css/styleLeftSide300.css with this code to create a 180 pixel sidebar.

/* ------------------------------------- Content -------------------------------------------------------------- */
.im-mainContent { padding:0px 10px 0px 10px; border-left:3px double #e2e2e2; width:742px; float:right; left:-5px; }
.im-sidebar { padding:0px 5px 5px 15px; float:left; width:190px; border-right:3px double #e2e2e2; height:100%; margin-bottom:5px;}
.im-sidebar2 { display:none;}

.sidebar ul { width:180px; list-style:none; left:-12px; position:relative}
.sidebar li { margin:0px 0px 10px;}
.sidebar li li { position:relative; margin:1px 0px 2px 20px;}