• 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

Content 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 › Design Tips and Tricks › Content width

This topic is: resolved

Tagged: Widget / Content width

  • This topic has 2 replies, 2 voices, and was last updated 12 years, 7 months ago by chalfant.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • October 1, 2013 at 4:34 pm #65006
    chalfant
    Member

    I've heard that it's tough to change the default content width for Genesis themes.

    I have Prose and magazine and find that the sidebars are way too wide for my liking.
    Just using a 2 column layout; the default.
    Is there an easy way for a non coder to widen these?

    Thanks

    http://thevaperstable.com/
    October 2, 2013 at 6:49 am #65061
    mkatty
    Member

    Hi Charles,

    Let me preface this by saying I am NO way an expert - still learning Genesis along the way. I can tell you what I've done, and whether it's right or not, it works for me.

    Do you use Firebug? a web develper plugin for FireFox... Personally, I would be lost without it. It lets me see in real time what I'm doing with the code on my WP site.

    In your "style.css" for wp-content/themes/magazine (again, viewed in Firebug), if you find the line that says

    .sidebar {
        display: inline;
        float: right;
        font-size: 13px;
        line-height: 20px;
        width: 300px;
    }

    That's where I would change the width to a smaller size - 220px or so seems to work for yours. You can play with it in Firebug to get what you want. THEN, I would paste it into your custom.css (so you're not editing the "style.css") and then upload it.

    Like I said, I have NO idea if that is the *proper* way to do it, but that's what I do.
    (of course I make copies of all original code before I do anything as well as having a "messed with css files" folder - I paste it all in Notepad++)

    Hope that helps Charles.
    ~Kitty
    (I also don't even know if I placed the above snippet of code in the right place for this post - haha)

    October 3, 2013 at 2:37 am #65185
    chalfant
    Member

    Thank you for that, Kitty
    Yes, I use Firebug.

    I had heard that there are two conditions one must use but I'm going to try this and will let you know.
    Appreciate your time.
    Charles

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘Design Tips and Tricks’ 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

© 2026 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