• 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

Change content width on blog page

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 › Change content width on blog page

This topic is: not resolved

Tagged: content, design tip, Width

  • This topic has 2 replies, 2 voices, and was last updated 9 years, 9 months ago by tussle.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • August 24, 2015 at 10:47 am #163314
    maru
    Member

    Hello,

    I'm trying to change the content width on my blog page from 800px to 708px. I know I have to change other areas as well, such as the sidebar, but I'm not sure if I'm changing it correctly, for some reason when I add this code, the responsive part gets affected and it stops working.

    /* ### Content */

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

    /* ### Primary Sidebar */

    .sidebar-primary {
    float: right;
    padding-left: 20px;
    width: 432px;
    }

    Any help will be deeply appreciated!

    Here's my site: http://fashionyfab.com

    http://fashionyfab.com
    August 25, 2015 at 2:02 pm #163472
    tussle
    Member

    Hi
    On the content section and sidebar section this is what I changed to adjust width:

    .sidebar-primary {
    width: 260px;
    }

    .content {
    width: 920px;
    }

    Was advised this was correct.

    Same problem on mobile - the sidebar keeps it's vertical shape and just goes under the content section.
    I am using genesis sample.

    I've asked how to remedy the mobile issue in the forum, no takers. Maybe more people have this issue. If so an email to studiopress might be required to see if it's a core issue.

    August 25, 2015 at 2:09 pm #163474
    tussle
    Member

    Also this changes the width of sidebar but mobile still a problem.

    .site-header .widget-area {
    width: 600px;
    }

  • 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

© 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