• 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 to make a page that has 2, different-width columns?

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 › General Discussion › How to make a page that has 2, different-width columns?

This topic is: not resolved

Tagged: Columns

  • This topic has 4 replies, 2 voices, and was last updated 12 years, 9 months ago by speedmouse.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • August 7, 2013 at 5:19 pm #54752
    speedmouse
    Participant

    Hello,
    I have watched the video that tells us how to make columns on a page of text, but it only shows for equal-width columns.
    I need to make a page that has 2 columns, one of which is 1/3 width of the page and the 2nd column to be 2/3 width of the page. How would I do this? Btw, some pages would have the wider column on the right side, some on the left, and some to be 2 columns of the same width ...perhaps better to say that the columns will vary on different pages.

    (I've searched the forum but the code shown in the relevant thread does not work:

    <div class=”one-third first”>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.</div>
    
    <div class=”two-thirds”>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.</div>

    Many thanks in advance for your time!

    http://www.technohubitgroup.com/grigoriou/
    August 7, 2013 at 5:55 pm #54759
    speedmouse
    Participant

    UPDATE:

    I've put the code below here on this page (after watching the videos again): http://www.technohubitgroup.com/grigoriou/test__miranda/

    <div class="one-third" first>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.</div>
    <div class="two-thirds">This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.</div>

    but as can be seen it doesn't show correctly

    Btw, we're using Executive

    August 7, 2013 at 8:05 pm #54791
    Robin
    Member

    I've had that happen before. Since you will be using columns often and they will vary, You might find it easier to use the Genesis Shortcodes plugin.

    http://wordpress.org/plugins/genesis-shortcodes/


    Need help customizing your website? Let me know at RKW Media.

    I’m taking up The Challenge by answering some of the Unanswered Posts.

    August 8, 2013 at 2:08 am #54834
    speedmouse
    Participant

    Many thanks, I will download it and see if it does the trick!

    UPDATE: Sorry, back again 🙂 ...This is an example it gives in the README text:

    [one_third_first]CONTENT[/one_third_first][one_third]CONTENT[/one_third]

    I take it the 'CONTENT' is where we should put the content of a column but there are only 2 'CONTENT' and yet this is for thirds. I'm probably being thick here, but have played around putting the third bit of text in various position in that code but can't get 3 nice clean columns 🙁

    August 8, 2013 at 5:28 am #54848
    speedmouse
    Participant

    Ok, all sorted now and understood! 🙂

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘General Discussion’ 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