The latest nightly (v378) of the K2 theme for WordPress (which blogan.net currently uses) changes the CSS selectors for a triple column layout from sidebar-dual to columns-three.
Blogan.net now uses the following CSS in its custom CSS file to display both sidebars display on the right:
/* Page Layout */
h1 { padding-top: 5px; }
.columns-three #page {
width: 950px;
padding: 0;
border: 0px solid #333;
border-top: none;
clear: both;
}
* html .columns-three #page {
width: 952px; /* for IE5 and IE6 in quirks mode */
w\idth: 950px; /* for IE6 in standards mode */
}
#page {
margin-top: 10px;
border-top: 0px solid #333;
}
.columns-three .content {
padding: 0;
overflow: hidden;
}
.content {
border-bottom: 1px solid #888888;
}
.columns-three #primary {
margin-left: 0; /* override style.css */
float: left;
width: 499px;
padding: 20px 25px 20px 25px;
overflow: hidden;
border-right: 1px solid #888888;
}
* html .columns-three #primary {
width: 550px; /* for IE5 and IE6 in quirks mode */
w\idth: 499px; /* for IE6 in standards mode */
}
.columns-three #sidebar-main {
float: left;
width: 210px;
padding: 10px 10px 10px 20px;
overflow: hidden;
}
* html .columns-three #sidebar-main {
width: 240px; /* for IE5 and IE6 in quirks mode */
w\idth: 210px; /* for IE6 in standards mode */
}
.columns-three #sidebar-alt {
float: right;
width: 125px;
padding: 10px 25px 10px 10px;
overflow: hidden;
left: 0; /* override style.css */
margin-left: 0; /* override style.css */
}
* html #sidebar-alt {
width: 160px; /* for IE5 and IE6 in quirks mode */
w\idth: 125px; /* for IE6 in standards mode */
}
#s {width: 70%; }
I also updated the K2 Community Forums with this information.
I'm Brent Logan and I've been here since 2004, writing about family, food, and fun. You can contact me at 
This is very interesting- though I don’t see any info in the third column of your site.
I’ve been using this theme:
http://www.obharath.net/blog/3columnk2/
But a CSS only solution is simply ideal. I’ll try this out in my next upgrade cycle.
Thanks!
Andrew, that’s because I’m having issues running bleeding edge software on blogan.net: WordPress 2.3 beta-2 and K2 Nightly 405. K2 Sidebar Manager is having issues saving changes (I expect this issue will be fixed shortly).
I dragged my links to the second sidebar so you could see some content there (though only on the main page). Good luck!
I too would like to use a CSS solution rather then a different K2 build but I’m having trouble getting this to work. I’ve created a new CSS scheme and selected it but its still showing me the standard sidebar-main-sidebar look.
Jake, I’m not sure which version K2 you’re using, but the selectors I show above won’t work with it. I also don’t see any evidence that you’ve enabled another CSS files under K2 options.
Apologies. I’m using the latest k2 version and I turned off the scheme when it didn’t work. I’ve turned it back on, its called “TheThree”.
Actually, you’re using the latest official release, not the latest nightly. You need to use my version of CSS that has selectors with “sidebar-dual” instead of “columns-three”. It’s on the K2 support forums here.
[...] K2 Three Columns, Both Sidebars on the Right, Part II (tags: webdesign wordpress k2 css) [...]