• 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

Creating A Custom Page Template For a Wider Layout

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 › Creating A Custom Page Template For a Wider Layout

This topic is: not resolved

Tagged: Altitude Pro, body, custom page, page template, site container

  • This topic has 3 replies, 2 voices, and was last updated 9 years, 11 months ago by Christoph.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 30, 2015 at 11:17 am #160955
    brennak
    Member

    Hello! I am using the Altitude Pro theme and I am trying to figure out how to change the container size for only one particular page. My initial thought is that I am going to need to create a custom page template, but for lack of better knowledge, I figured I would reach out here for help as well.

    The page I am working on is essexdigitalplatformtest.com/login. (Obviously this is just a test site for design purposes.) This page has a portal login iFramed into the page and it is set to 100%. However, the body size on this page is really small, making it hard to navigate through our portal once a client has logged in. I'm assuming I need to change the size of the body or container for this page so that it is wider? If I am correct, can someone point me in the right direction of how to go about this?

    I am probably using incorrect terms here, but hopefully someone catches my drift. Appreciate any help!

    http://essexdigitalplatformtest.com/log-in/
    July 30, 2015 at 11:45 pm #161019
    Christoph
    Member

    Hi,

    if it is really only this one page, there is no need for a custom template.
    You can assign a Custom Body Class in the page editor or you can use the page-id to target the page with css.
    Are your visitors really staying on this page after they login or are they redirected somewhere else?


    https://www.christophherr.com | Genesis Customizations | Buy me a coffee

    July 31, 2015 at 7:45 am #161043
    brennak
    Member

    Hi Christoph! That's great news---and makes total sense! Yes, they will still stay on this same page after they login because everything happens within that iframe. And we want our portal to stay under our domain name (the actual portal is hosted on a different site.)

    Not to be a hassle, but do you by chance know of any tutorials that can explain exactly what you mentioned with the Custom Body Class?

    Thanks so much! Really appreciate it!

    July 31, 2015 at 8:35 am #161048
    Christoph
    Member

    Hi,

    you are welcome.

    You will find the custom body class here:
    http://screencast.com/t/FRvWSYF5v

    You are assigning a css class for the page.
    E.g. signin
    http://screencast.com/t/KUSZwIBfGFD

    You can use

    .signin .what-ever-css-class-you-want-to-target {
    }

    to target only the css of that page.


    https://www.christophherr.com | Genesis Customizations | Buy me a coffee

  • 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