Antigua Web Solutions Blog

In K2 RC2 the default order is left sidebar - content - right sidebar. It’s easy to move the left sidebar to give the order content - sidebar1- sideabar2. Here’s my antiguaocean style after applying this fix.

Here’s how to do it!

Open up the style.css file in a text editor. If you’re using the K2 default style this will be in the wp-content/themes/K2 Release Candidate 2. If you’re using a customised style it will be in wp-content/themes/K2 Release Candidate 2/styles/name-of-style.

Find (for K2 RC2 default):

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

and add

left:-175px;

For the default style it will now look like this:

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

You’re style may not have a separate #primary entry, in that case just add :

#primary {left:-175px; }

Now find :

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

and amend as follows:

.columns-three #sidebar-alt {
width: 150px;
padding: 10px;
left: -205px;
margin-left: -170px;
}

If you’re style doesn’t have a .columns-three #sidebar-alt entry simply add:

.columns-three #sidebar-alt { left: -205px; }

You should now have you’re left sidebar on the right!

The default K2 RC2 style has the two sidebars different widths. The left sidebar is much wider than the right. To overcome this needs a few more adjustments. I’ve adjusted the width to make both sidebars 165px wide. You can download the style.css and simply drop it into the wp-content/themes/K2 Release Candidate 2/ folder to make these adjustments to the default style or to use as a base for further customisation.

Download style.css for K2 RC2

Downloaded a total of 69 times

Be sure to check you’re style in a range of browsers. You can use browsershots for this.