I am using Genesis Framework, theme name is : Bee Crafty. Right now it seems, the blog page is only 900 px in width. And there are left and right areas empty. For some reasons, I wanna remove the empty area on the left and right hand of blog page/post and thus change the width of the blog page to match the width of the screen. Would like to know, if that is possible. And how ?
Any help appreciated.
i removed the sidebars - but the page still needs to be wider.. thanks! oh - and I had changed from beecrafty to expose theme - forgot
Do you mean you want to increase the width of the content so it fills the white of the wrap? If so you need to edit the width of the #content-sidebar-wrap rule.
Or do you mean you want to have the white content area to span the viewport and not have the blue background showing? If that is the case there are several elements you will need to adjust by either removing width properties or changing values from pixels to percentages or ems. I recommend installing the Firebug add on for Firefox or using Chrome's Firebug Lite which will enable you to right click on any element to inspect it and determine the associated style rules or the selectors required to create new style rules.
i want the white content area to span the viewport. - i do have firebug - not too expert - but will give it a try! thanks very much!
Ok, i can see three elements :
<div id="content" class="hfeed">
Making each of these 100% , seems to widen the white-blog-page and hence the content area too.
Now i want to figure out, where exactly i can find these div tags in the original code. Tried to look into the "themes" folder style.css and "expose" folder ( current active theme ) too. But couldnot find any of these tags ? Where to find them ?
Trying to get attention on the question in the last post again. So, anyone.. any clue please ?
You must be logged in to reply to this topic.
Subscribe to get early access to new themes, discounts and brief updates about what's new with StudioPress!