Grid – Three Columns

  • How do I create a new page template that is similar to the Grid Template but with three columns instead of only two?

Viewing 1 replies (of 1 total)

  • Hi there,

    You don’t actually need to create a new page template, as you can apply three columns to your grid template using only CSS. Add this to your Customize > Additional CSS area:

    @media screen and (min-width: 1180px) {
    .page-template-grid-page .child-page {
        float: none;
        display: inline-block;
        width: 237px;
        margin: 0 10px;
        vertical-align: top;
    }
}

    That will apply only to the grid page template at a browser width of 1180px or more.

Viewing 1 replies (of 1 total)
  • The topic ‘Grid – Three Columns’ is closed to new replies.