• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Changing from Fixed Width to Screen-Width

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › General Discussion › Changing from Fixed Width to Screen-Width

This topic is: not resolved

Tagged: bee, blog, crafty, page, post, screen, Width

  • This topic has 6 replies, 2 voices, and was last updated 10 years ago by patspuzzles.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 25, 2013 at 2:34 pm #14730
    patspuzzles
    Member

    hi!

    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.

    Thanks

    January 25, 2013 at 2:47 pm #14749
    SoZo
    Member

    Please include a link to your site with all questions so that people can see what is going on.


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    January 25, 2013 at 3:01 pm #14773
    patspuzzles
    Member

    http://www.familyfunpuzzles.com/game/?img=2013/01/bug_1.jpg

    i removed the sidebars - but the page still needs to be wider.. thanks!  oh - and I had changed from beecrafty to expose theme  - forgot

    January 25, 2013 at 4:04 pm #14825
    SoZo
    Member

    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.


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    January 25, 2013 at 4:15 pm #14835
    patspuzzles
    Member

    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!

    January 26, 2013 at 1:07 am #14966
    patspuzzles
    Member

    Ok, i can see three elements :

    <div id="inner">

    <div id="content-side-wrap>

    <div id="content" class="hfeed">

    </div>

    </div>

    </div>>

    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 ?

    January 31, 2013 at 12:23 am #16698
    patspuzzles
    Member

    Trying to get attention on the question in the last post  again.  So, anyone.. any clue please ?

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The forum ‘General Discussion’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble