• 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

1/6 Column, 6th column drops to new line in Genesis template

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 › 1/6 Column, 6th column drops to new line in Genesis template

This topic is: not resolved

Tagged: Columns, css

  • This topic has 1 reply, 2 voices, and was last updated 8 years, 2 months ago by DTHkelly.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • January 1, 2015 at 10:16 am #135765
    dbonneville
    Participant

    I have a child theme of the the stock Genesis. On a page that simple structured HTML, I decided to try and use the column classes. I set up a 6 column section like this:

    `<div class="one-sixth start">
    Typeface Combinations

    </div>
    <div class="one-sixth">
    Font Combinations PDF

    </div>
    <div class="one-sixth">
    Avenir Goudy

    </div>
    <div class="one-sixth">
    Futura Souvenir

    </div>
    <div class="one-sixth">
    Thesis Minion

    </div>
    <div class="one-sixth">
    Typeface zoom

    </div>
    '

    I have not altered the CSS for page margins or padding.

    The 6th column drops, even if the contents are small, like a 50px wide jpg. I removed any inline sizing, but it still drops.

    The column is 680px with 60px left and right padding.

    I'm also using a "one-half" pair of columns right above it in another section, and it works fine.

    Here is a screenshot:

    http://prntscr.com/5n3a7z

    And here is a hastebin of the entire page because it's on local server right now:

    http://hastebin.com/zeyeledina.xml

    http://hastebin.com/zeyeledina.xml
    January 1, 2015 at 10:39 am #135804
    DTHkelly
    Member

    Genesis columns use first, not start, for the first column:
    one-sixth first

    http://my.studiopress.com/tutorials/content-column-classes/

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

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