How To Move Sidebar In WordPress Theme

Posted by

Hi,

Many wordpress users likes the theme but wants to change the sidebar angle from left to right and visa versa. I have described here how to switch the sidebar in wordpress theme. I have provided details here to move sidebar from left to right.

In order to change the sidebar angle, you need to edit the style.css file of the theme. Open style.css file of your theme to edit it.

Search This Code:

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

Replace above code with this code;

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

Now, search this code;

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

Replace with this code:

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

You can set the margin accoring to your requirement. Now, save this file and upload to your theme folder.

In order to change the sidebar from right left. Need to do the reverse process.

That’s it!

Thanks,

Shane G.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.