The CSS Code has changed with Version 1, so try this new code.

The new version of the K2 WordPress Theme supports a three column layout (you can change it in the K2 Options). I prefer both sidebars on one side (like the 3 column K2 Theme) but K2 only supports sidebar-content sidebar.

Original K2


Original Version

Both sidebars on one side


New Version

To change this default order to content-sidbar-sidebar, you can download my small custom theme hack.

hack.css

put this file into the „styles“ folder and activate it through the K2-Options panel

Or you can change it by hand:

open styles.css and search

.sidebar-dual #primary {
	margin-left: 170px;
	padding: 10px;
	}

and replace it with

.sidebar-dual #primary {
	padding: 10px;
	}

and search

#sidebar-alt {
	float: left;
	width: 150px;
	padding: 10px;
	left: -740px;
	margin-left: -170px;
	}

and replace it with

#sidebar-alt {
	float: left;
	width: 150px;
	padding: 10px;
	}

That’s All Folks…

6 thoughts on “Change sidebar order in the new three column K2

  1. Hi, nice post, but…

    The K2 have a new version, K2.0…

    How can i change the order of sidebars in new version?

    hack.css don’t work with new version.

    Thanks a lot for the Post.

    Regards.

    Lucyano

  2. IT WORKS!!!!

    Thanks a Lot.

    I have the content-sidebar-sidebar in my k2.0 version.

    🙂

    I made a new file with the solution you send me. I send the file on the e-mail you e-mail me.

    Called: K2_RC1-3_Collums-Content-Sidebar-Sidebar.css

    I suggest to put for downloadind, if you desire, and rename of post for.

    K2 RC1 – Content Sidebar order to Content Sidebar Sidebar.

    Thank you for the Speed-Flash return!

    Regards.

    Lucyano

  3. Hi,
    the new version of K2 automatically puts the sidebars on the right side. But what, if I want both sidebars on the left side? Would be really nice, if you have an idea?

  4. ok, sorry. I found it: you just have to replace:

    #primary {
    position: relative;
    float: left;
    width: 500px;
    padding: 10px;
    }

    with:

    #primary {
    position: relative;
    float: right;
    width: 500px;
    padding: 10px;
    }

  5. Thanks for this helpful tip! 🙂
    I have one question, if i would want to move one sidebar to the left, an keep the other sidebar on the right, so I could get a sidebar-content-sidebar layout in the new release of K2. How could I do that?

    Thanks 🙂

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

To respond on your own website, enter the URL of your response which should contain a link to this post's permalink URL. Your response will then appear (possibly after moderation) on this page. Want to update or remove your response? Update or delete your post and re-enter your post's URL again. (Learn More)