• Skip to primary navigation
  • Skip to content
  • Skip to user navigation

PopWP

WordPress and Genesis Tutorials

  • Get Started
  • About
  • Archive
  • Services
  • Membership
  • My Account

Genesis Columns Advanced

Last Updated on May 29, 2018 Favorited: 0 times

This post is for refernece only and contains columns and styles from Genesis Columns Advanced and could use this guide Equal Heights Columns.
You can use the alternative plugin Column Shortcodes which includes no margin or Give a try to Column Class Generator by Bill Erickson.

You can use the following CSS with the HTML of your choice mentioned in this post.

/**
 * The builtin column class CSS file for Genesis Columns Advanced.
 * This file can be disabled using the gca_load_column_styles filter.
 *
 * Width: 100%
 * Gutter: 2.564102564102564%
 * Link: http://www.nickdiego.com/plugins/genesis-columns-advanced/
 ----------------------------------------------------------------------------- */

/* Column Classes
--------------------------------------------- */

.five-sixths,
.four-sixths,
.four-fifths,
.one-fifth,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-fifths,
.three-sixths,
.two-fourths,
.two-fifths,
.two-sixths,
.two-thirds {
    float: left;
    margin-left: 2.564102564102564%;
}

.one-half,
.three-sixths,
.two-fourths {
    width: 48.717948717948715%;
}

.one-third,
.two-sixths {
    width: 31.623931623931625%;
}

.four-sixths,
.two-thirds {
    width: 65.81196581196582%;
}

.one-fourth {
    width: 23.076923076923077%;
}

.three-fourths {
    width: 74.35897435897435%;
}

.one-fifth {
    width: 17.94871794871795%;
}

.two-fifths {
    width: 38.46153846153846%;
}

.three-fifths {
    width: 58.97435897435898%;
}

.four-fifths {
    width: 79.48717948717949%;
}

.one-sixth {
    width: 14.52991452991453%;
}

.five-sixths {
    width: 82.90598290598291%;
}

.first {
    clear: both;
    margin-left: 0;
}

/* Media Queries
--------------------------------------------- */

@media only screen and (max-width: 800px) {
    .five-sixths,
    .four-fifths,
    .four-sixths,
    .one-fifth,
    .one-fourth,
    .one-half,
    .one-sixth,
    .one-third,
    .three-fifths,
    .three-fourths,
    .three-sixths,
    .two-fifths,
    .two-fourths,
    .two-sixths,
    .two-thirds {
        margin: 0;
        width: 100%;
    }
}

/* Utility Classes
--------------------------------------------- */

.clearfix:before {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
    content: " ";
    display: table;
}

.vertical-spacer {
    clear: both;
    margin-bottom: 30px;
}

.columns-container {
    clear: both;
    overflow: hidden;
}

General Layouts

Place your content for the first column here.
Place your content for the second column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the fifth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the fifth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the fifth column here.
Place your content for the sixth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the fifth column here.
Place your content for the sixth column here.

Advanced Layouts

Place your content for the first column here.
Place your content for the second column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the fifth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the fifth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the fifth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the fifth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the fifth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the fifth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the fifth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the fifth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the fifth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the fifth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the fifth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the fifth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the fifth column here.
Place your content for the sixth column here.
Place your content for the first column here.
Place your content for the second column here.
Place your content for the third column here.
Place your content for the fourth column here.
Place your content for the fifth column here.
Place your content for the sixth column here.

Related Posts

  • Featured Post Widgets in Columns
  • Post Page Blog Archive Template with Layouts in Genesis
  • Blog Archive Posts layout in 3 columns in Genesis
  • How to create multi layout columns in Genesis
  • WordPress, Genesis and Custom Post Types

Categories: Free Content, Genesis Tutorials, WordPress Tutorials Tags: columns, Genesis

Reader Interactions

Built with Genesis Framework + WordPress by Aryan Raj

  • Contact
  • FAQ
  • Disclaimer
  • Privacy Policy
  • Copyright Policy
  • Terms of Service