WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] How to move one sidebar to the left with 3ColumnK2? (3 posts)

  1. zrbarnes
    Member
    Posted 7 years ago #

    I am currently using the TripleK2 theme: http://www.johntp.com/2006/09/17/triplek2-a-three-column-k2-mod-for-wordpress/

    But I would much rather use the 3ColumnK2 theme:
    http://www.obharath.net/blog/3columnk2/

    Can anyone tell me how to modify 3ColumnK2 so that one sidebar will be on the left (so that it's laid out like TripleK2) instead of having both on the right?

    I've seen the question asked a couple of times but I've never seen an answer.

    Thank you

  2. zrbarnes
    Member
    Posted 7 years ago #

    Alright, well hopefully if anyone knows css well, they could take a look at the following code since I'm sure it is messy and redundant. All the "!important"s are in there because its made to be a css add on, selectable in the styles changer. Otherwise, without the theme selected, the blog would appear exactly like the regular 2 column k2.

    It works though, I'm just horrible at css positioning.

    /*
    	CSS files kept in the 'schemes' directory can be used to
    	costumize your K2 installation without having to mess
    	with the core K2 files. This in turn makes it easier to
    	upgrade to new K2 version as well as debug any problems
    	that might occur.
    
    	You select schemes from the K2 Options page in the
    	'Presentation' section of your WordPress administration.
    
    	Author Name	: Bharath Kumar, Modified by Zachary Barnes (http://www.uselesshacks.com/)
    	Author Site	: http://www.obharath.net/blog/
    	Style Name	: 3 Column K2
    	Style URI	: http://www.obharath.net/blog/2007/02/10/3-column-k2-0951/
    	Version		: V 0.9.5.1
    	Comments	   : Easy switch between 2 columns & 3 columns.(I hope one day it gets integrated in to original K2 :))
    					  It supports widgets and now sidebar modules too (Thanx to Nybble for pointing me towards the changes)
    					  All my effort is to make more people use the BEST WordPress theme , K2.
    
    	** NOTE: If anyone wants to release their customizations based on this theme or release, Leave me a message before you do that.
    
    */
    
    /* CSS modified from main style.css for my customizations for 3 column K2 */
    
    #page { /* Page width changed from 780px to 995px to accomodate the extra sidebar */
    	width: 995px !important;
    	}
    
    #primary { /* Left and Right margins to the primary content */
    	position:relative !important;
    	right: 270px;
    	float:right !important;
    	width: 450px !important;
    	margin: 0 20px 0 20px !important;
    	}
    
    .secondary { /* CSS for the margins to the sidebar and the whole sidebar width */
    	float:left !important;
    	margin: 0 0 20px 0px !important;
    	width: 450px !important;
    
    	_margin-left: 0%;
       _margin-right: -4%;
    	}
    
    #searchform { /* Donno y the 20px margin to the search form doesnt work in 3 column k2, so changed to 0px */
    	margin-top: 0 !important;
    	}	
    
    /* CSS added by me for my customizations for 3 column K2 */
    
    .lsidebar { /* CSS for left sidebar */
    	margin: 0 !important;
    	width: 180px !important;
    	float: left !important;
    	padding: 0 9px 0 9px !important;
    
    	border-right: 1px solid #eee;
    	}
    
    .rsidebar { /* CSS for right sidebar */
    	border-left: 1px solid #eee;
    	position:relative !important;
    	left: 525px;
    	margin: 0 !important;
    	width: 185px !important;
    	float: right !important;
    	padding: 0 15px 0 10px !important;
    	}	
    
    li.bypostauthor { /* http://code.google.com/p/kaytwo/issues/detail?id=109&can=2&q=#c1 */
    	height: 100%;
    	}
    
    * html #page { width: 995px } /* IE hack */
    
    .feedlink img { /* CSS for feed image in the sidebar */
    	_right: 5px;
    	}
    
    .navigation {
    	_padding: 10px 0 0 !important;
    	}
  3. zrbarnes
    Member
    Posted 7 years ago #

    I'm going to keep updates on http://uselesshacks.com for the css file. Go there for the newest version, and feel free to completely rip it apart in a comment, if you want, just be sure to include how to fix whatever you don't like.

Topic Closed

This topic has been closed to new replies.

About this Topic