• 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

Make the body wider sample-theme?

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 › Make the body wider sample-theme?

This topic is: resolved

Tagged: Sample Theme

  • This topic has 5 replies, 2 voices, and was last updated 11 years, 4 months ago by AnitaC.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 1, 2014 at 2:17 pm #116595
    thierry
    Member

    Hey guys,

    How do i change the width of the body and sidebar in the sample theme?

    Thanks in advance

    August 1, 2014 at 4:27 pm #116603
    AnitaC
    Keymaster

    Please share a link to your site so we can take a look at what you have so far.


    Need help with customization or troubleshooting? Reach out to me.

    August 2, 2014 at 2:15 am #116645
    thierry
    Member

    Sure: http://vipmarketingcoach.com

    August 2, 2014 at 6:03 am #116655
    AnitaC
    Keymaster

    Look in your CSS for this:

    For content, look for this and change the width.

    .content {
        width: 800px;
    }

    For the primary sidebar, look for this and change the width.

    .sidebar-primary {
        float: right;
        width: 360px;
    }

    If you edit both of them you will need to also edit the width in this too:

    .site-inner, .wrap {
        margin: 0 auto;
        max-width: 1200px;
    }

    Need help with customization or troubleshooting? Reach out to me.

    August 3, 2014 at 5:56 am #116809
    thierry
    Member

    Ok that did the trick, thanks Anita

    August 3, 2014 at 6:09 am #116812
    AnitaC
    Keymaster

    You're welcome!


    Need help with customization or troubleshooting? Reach out to me.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Make the body wider sample-theme?’ is closed to new replies.

CTA

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

Create a site with WP EngineShop for Themes

Footer

StudioPress

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