Actually, it’s not going to be done from the stylesheet. To change the sidebar width, you will need to use a child theme, copy (upload) the files to be modified into the child theme. Using a child theme allows you to keep the theme updated without losing your changes.
In the files is where you will find div containers with classes like span8 and span4. These represents column widths because this theme is based on a 12-column grid layout (12 columns wide). Were you wanting to change the sidebars for pages and the blog pages as well or one or the other?
For pages, you would be focusing on these theme files:
Open them and change the span8 class to span9, then look for the class span4 and change that to span3. This is so the main content part and the sidebar totals 12 columns wide:
span9 + span3 = 12
This will give you a smaller width on your sidebar, but then adds more to your main content.
Make sure you use a child theme for modifications so you can keep getting theme updates and not lose your changes. This theme has a folder in it “child-theme” which has a child theme that you can install and use. Please note when you activate this, you will need to redo your theme option settings because WP will see this as a new theme activation. But it will allow you to make custom changes. You would upload a copy of the two template files listed above into the same location as they exist, but put it into the child theme in a folder named: page-templates
- The topic ‘Edit sidebar width’ is closed to new replies.