• 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

How do I change the width of the right sidebar in the Magazine Pro 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 › How do I change the width of the right sidebar in the Magazine Pro theme

This topic is: not resolved

Tagged: sidebar width

  • This topic has 2 replies, 2 voices, and was last updated 12 years, 6 months ago by Fitness Blogger.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • December 21, 2013 at 3:33 am #80580
    Fitness Blogger
    Member

    How do I change the width of the right sidebar in the Magazine Pro theme? The sidebar seems exceptionally wide and I think that is why the side doesn't look very good when viewed on an iPad.

    Thanks!

    http://thefitblog.com/
    December 21, 2013 at 6:12 am #80586
    Jeremy
    Participant

    In style.css

    Changing the width in line 489 will allow you to increase the content section

    .content {
    float: right;
    width: 750px;
    }

    Then you can reduce the sidebar primary via line 518

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

    For example add 50px to the content and reduce 50px from the sidebar and see if that's how you prefer it.


    If you want to say thanks Follow me on Twitter | My Website

    December 23, 2013 at 2:36 am #80855
    Fitness Blogger
    Member

    Thanks Jeremy,

    That worked. Now I just need to also make the site look decent on an iPad (I have started a new support item)

  • 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