This kind of modification can be done in the CSS code – but before you make any changes, you’ll need to set up a child theme or use a custom CSS option or plug-in.
http://codex.wordpress.org/Child_Themes
Once you have that set up, post a link to your site and someone can likely help you with the specific code to add to your CSS.
Hi WPyogi
I am just new to WordPress so i have not hosted on Server . I have created Child Theme . Can u tell where i should make changes.
I am working on local machine
Thanks
Unfortunately, it’s very hard to help with CSS work without seeing the site. But I’d suggest you download and use Firebug to help you look at the CSS code that is determining the layout of the page. Once you see the code that is setting the width of the content, copy that code to your child theme style.css file and make the changes there. Same with the sidebar. You’ll have to make sure that the changes in width still “fit” in the containing element — if you don’t know any CSS, be aware that messing with layout can be a bit tricky sometimes as you may affect other pages in your site or have unintended changes.
This is a good reference site for CSS:
http://www.w3schools.com/css/
I found a demo of the theme, so this is the code that you will need to change — though as I said before, it’s not always simple to change layout CSS:
#sidebar {
margin-left: 570px;
margin-top: 10px;
padding: 20px;
width: 280px;
}
and
#content {
float: left;
padding: 10px 15px;
width: 550px;
}
