The first thing you will need to do is make a child theme – Codex: Child theme
or use a CSS plugin such as this one http://wordpress.org/plugins/simple-custom-css/ or jetpack.
Then what you want to do is look at the CSS of the layout:
/* =Layout
----------------------------------------------- */
#page {
margin: 10px auto;
max-width: 1200px;
}
#site-aside {
float: left;
overflow: hidden;
padding: 0 0 10px;
width: 18.3333333333%; /* 220/1200 */
}
#secondary {
clear: left;
float: left;
overflow: hidden;
padding: 20px 0;
width: 18.3333333333%; /* 220/1200 */
}
#primary {
float: right;
width: 80%; /* 960/1200 */
padding: 0;
}
You need to adjust the percentages of the width.
Just change these as you see fit.
Thank you for your help! I created the child theme and adjusted the width of the sidebar to how I wanted but now I’m having another problem. As soon as I created the child theme, my logo that was on the original theme has become bigger and instead of the text of the logo being on two separate lines, it is now one long line and is getting cut off. When I look at the parent theme it looks normal. Do you have any idea why this would be? Thanks!
Without seeing it it’s hard to say. If you can provide a link to your site that would help.
Actually, looks like I got it to work! I just re-uploaded the logo to the child theme and the logo went back to normal. Thanks for all your help, I really love the theme!
