How to Change the Width of Right Sidebar for Twenty Eleven Theme?

Spread the love

If you are using the WordPress theme Twenty Eleven, then i am sure that the default width of this theme is not enough to show any add.Also if you add any additional widget then also  you will see that the sidebar width is not enough to show your widget properly.Previously i was facing this problem but now i am able to solve this problem just by replacing the code under #primary {

Change the Width of Your Right Sidebar:

If you want to change the width of your sidebar then you need to replace the following code  which is in your style.css file.The code you need to replace is:

Code in the default “Twenty Eleven Theme”:

#primary {

float: left;

margin: 0 -26.4% 0 0;
width: 97%;
}
#content {
margin: 0 36% 0 7%;
width: 60%;
}
#secondary {
float: right;
margin-right: 7.6%;
width: 21.8%;
}

Code that you need to put instead of the above code:

#primary {
float: left;
margin-bottom: 0;
margin-left: 0;
margin-right: 0.4%;
margin-top: 0;
width: 68%;
}
#content {
float: left;
margin-bottom: 0;
margin-left: 7.6%;
margin-right: 0;
margin-top: 0;
width: 90%;
}
#secondary {
float: right;
margin-right: 12px;
width: 29%;
}

Note: Please always give the back up of your default code.Because while copy pasting some mistakes may happen.Then you can face problem.So, just copy paste your default code and take a back up.

Now just click on save and you are done! Please let me know if you face any problem.

2 Responses to “How to Change the Width of Right Sidebar for Twenty Eleven Theme?”
  1. whatappsforyou January 28, 2013
    • Himadri Subrah Saha January 29, 2013

Leave a Reply