Support » Fixing WordPress » How to move one sidebar to the left with 3ColumnK2?

Viewing 2 replies - 1 through 2 (of 2 total)
  • 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;
    	}

    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.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to move one sidebar to the left with 3ColumnK2?’ is closed to new replies.