• 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

Parallax Pro: Change Content Width of a specific 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 › Parallax Pro: Change Content Width of a specific page?

This topic is: not resolved

Tagged: page, post, Width

  • This topic has 3 replies, 2 voices, and was last updated 10 years, 7 months ago by TheRealCaseyChoate.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 11, 2014 at 8:24 pm #131231
    TheRealCaseyChoate
    Member

    Hi. Thanks for taking the time to help.

    I created a custom page, which I am using as my sites home page. I believe the default content width of Parallax Pro's pages are 740px. I would like to change the width of only this home page, to 960px's.

    I tried the following, but it does not work. I am at a loss...

    .post-1256 .entry-content {
    max-width: 960px;
}

    Any help would be appreciated. Thanks!

    http://TheRealCaseyChoate.com
    November 11, 2014 at 8:41 pm #131235
    TheRealCaseyChoate
    Member

    I also gave this page a body class of parallax-home 2

    I tried the following..

    .parallax-home2 .entry-content {
    max-width: 960px;
    }

    This isn't working either. Grrr

    November 12, 2014 at 3:50 am #131269
    Chris_Homan
    Member

    The width is set by padding the content width (1140px):

    .full-width-content .content {
    padding: 0 200px 50px;
    width: 100%;
    }

    This will give a 1140 - 2x200 = 740px

    To get 960 width you have to use a padding of 90 at each side:
    .full-width-content .content {
    padding: 0 90px 50px;
    width: 100%;
    }

    To make it applicable only to your custom page:
    .parallax-home2 .full-width-content .content {
    padding: 0 90px 50px;
    width: 100%;
    }

    PS. You had set a max-width which would have had no effect anyway as 740px is smaller than 960px. Use width instead of max-width next time

    November 12, 2014 at 11:05 pm #131369
    TheRealCaseyChoate
    Member

    Thanks so much for explaining this to me. For some reason, it's not working when I use my page template, but it does work when applied to the whole site. Could it be because I am using this page template as my home page?

    Here is what I put in the .php file to give the page a body class. Maybe I did something wrong there.

    //* Add custom body class to the head
    add_filter( 'body_class', 'parallax_add_body_class' );
    function parallax_add_body_class( $classes ) {

    $classes[] = 'parallax-home2';
    return $classes;

    }

    Thanks again.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 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