Straddle Columns?

  • Is there a way to make a piece of content on a page straddle/span both columns? This would be very useful when placing large tables, images, etc. Thanks!

Viewing 1 replies (of 1 total)

  • Hi there,

    The Cols theme isn’t designed to work this way. The entire content area is set to display as two columns after a certain browser width via this CSS:

    @media only screen and (min-width: 64.063em) {
    .hentry,
    #secondary {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px;
    }
}

    Since your image would live within the content area, where it would be forced to display inside one of the columns. While you could change the column-count values to 1, that would make everything display in a single column, and you’ve have to manually make certain content appear in two columns. In that case, Cols wouldn’t provide any advantages over other themes in terms of how you lay out your content.

    If you haven’t looked into this already, you might consider using a page layout plugin with a different theme.

Viewing 1 replies (of 1 total)
  • The topic ‘Straddle Columns?’ is closed to new replies.