• 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

Mixing Column widths

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 › Mixing Column widths

This topic is: resolved
  • This topic has 5 replies, 2 voices, and was last updated 12 years, 5 months ago by ken.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 18, 2013 at 8:47 am #51305
    ken
    Member

    Hi,
    Is it possible to have mixed column widths, like one-third (33%) two-thirds (66%)? I am using Genesis Easy Columns and I can only get the standard one-third, one-third, one-third working/

    Thanks,
    Ken

    http://hg3.searchoverheretest.com/home/
    July 18, 2013 at 9:00 am #51307
    David Chu
    Participant

    Hi,
    I haven't used that plugin, but generally these pop in shortcodes, generate classes, and connect them to CSS.

    Looks like your editor butchered the two-thirds one. I don't know if that's a slip of the finger or the plugin not working. I would try erasing the 2nd bit and try making it again.

    Dave


    Dave Chu · Custom WordPress Developer – likes collaborating with Designers

    July 18, 2013 at 9:07 am #51308
    ken
    Member

    Here is what I am trying to use for the two-thirds.

    [one-third-first]bnm fdvlm [/one-third-first][two-thirds]nsbvmnbslvs[/two-thirds]

    What should it be?

    July 18, 2013 at 9:17 am #51311
    David Chu
    Participant

    I never use that plugin, so I don't know for sure. But your code above looks right. Go into the page, change from Visual view to HTML view at the top of the editor, replace the content with the above code, and save. That's my last idea.

    Good luck.


    Dave Chu · Custom WordPress Developer – likes collaborating with Designers

    July 18, 2013 at 9:33 am #51312
    ken
    Member

    David,
    Thanks for your help, but still not working. Anyone else have a thought?

    July 18, 2013 at 9:42 am #51314
    ken
    Member

    Here is how you code it:

    <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>

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

© 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