Move the Kubrick Sidebar to the left

16
01
10

The default Kubrick template that comes with WordPress
is great straight out of the box. However, some people prefer to have their pages and posts laid out differently.

By default, the sidebar is located on the right side of the page rather than the left. The following tutorial explains how to easily move the sidebar from right to left.

Login to your WordPress admin panel

From the navigation menu, select Design and then select Theme Editor from the sub menu.

Within the Theme Editor, select stylesheet from the theme files listed vertically to the right. The Style.css file should now be presented in the editor window and is ready for editing.

From the editor window, find the following code:

.narrowcolumn {
float: left;
padding: 0 0 20px 45px;
margin: 0px 0 0;
width: 450px;
}

Replace this piece of code with the following code:

.narrowcolumn {
float: right;
padding: 0 45px 20px 0px;
margin: 0px 0 0;
width: 450px;
}

Next find the following piece code:

#sidebar
{
padding: 20px 0 10px 0;
margin-left: 545px;
width: 190px;
}

Replace with the following:

#sidebar
{
padding: 20px 0 10px 0;
margin-left: 20px;
width: 190px;
}

Click the Update File button on the lower right hand side of the Theme Editor screen.

You see the background image doesn’t change. From this point you can design the rest of the theme or download the background and flip it with for example Photoshop. You can find the background image (kubrickbg.jpg)in the theme directory: /wp-content/themes/default/images

Leave a Reply