K2 Three Columns, Both Sidebars on the Right, Part II

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.

Subscribe by Email

Enter your email address below to get my new posts lovingly delivered to your inbox.

7 thoughts on “K2 Three Columns, Both Sidebars on the Right, Part II

  1. 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!

  2. 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.

  3. 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.

  4. 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.

What do you think?