Grid Layout

It's easy to create responsive layouts with our grid

This theme comes with a number built in CSS styles that can help with laying out a page, as well for creating buttons, boxes and other cool elements. Many of these are made available through some nifty buttons and style selector dropdown in the WordPress Visual Editor.

With the built in responsive grid, we can soon create pages looking like this one:

Two Columns

Half col

Nulla facilisi. Duis ac magna vel neque sollicitudin condimentum at eget augue. Quisque iaculis ornare nunc, a imperdiet sapien cursus a. Donec sit amet diam mauris, in rutrum quam. Praesent eu sapien nec sem eleifend lacinia id id urna. Phasellus consectetur convallis augue, nec commodo sapien varius a. In porta, felis pretium suscipit scelerisque, ligula enim posuere lacus, dignissim convallis est magna ut nisi. Aliquam quis nisl eget ipsum aliquet consectetur. Cras sed lectus dolor. Quisque a orci purus.

Half col

Nulla facilisi. Duis ac magna vel neque sollicitudin condimentum at eget augue. Quisque iaculis ornare nunc, a imperdiet sapien cursus a. Donec sit amet diam mauris, in rutrum quam. Praesent eu sapien nec sem eleifend lacinia id id urna. Phasellus consectetur convallis augue, nec commodo sapien varius a. In porta, felis pretium suscipit scelerisque, ligula enim posuere lacus, dignissim convallis est magna ut nisi. Aliquam quis nisl eget ipsum aliquet consectetur. Cras sed lectus dolor. Quisque a orci purus.

Three Columns

Four Columns

One Fourth Col

Nulla facilisi. Duis ac magna vel neque sollicitudin condimentum at eget augue. Quisque iaculis ornare nunc, a imperdiet sapien cursus a. Donec sit amet diam mauris, in rutrum quam. Praesent eu sapien nec sem eleifend lacinia id id urna. Phasellus consectetur convallis augue, nec commodo sapien varius a. In porta, felis pretium suscipit scelerisque, ligula enim posuere lacus, dignissim convallis est magna ut nisi. Aliquam quis nisl eget ipsum aliquet consectetur. Cras sed lectus dolor. Quisque a orci purus.

One Fourth Col

Nulla facilisi. Duis ac magna vel neque sollicitudin condimentum at eget augue. Quisque iaculis ornare nunc, a imperdiet sapien cursus a. Donec sit amet diam mauris, in rutrum quam. Praesent eu sapien nec sem eleifend lacinia id id urna. Phasellus consectetur convallis augue, nec commodo sapien varius a. In porta, felis pretium suscipit scelerisque, ligula enim posuere lacus, dignissim convallis est magna ut nisi. Aliquam quis nisl eget ipsum aliquet consectetur. Cras sed lectus dolor. Quisque a orci purus.

One Fourth Col

Nulla facilisi. Duis ac magna vel neque sollicitudin condimentum at eget augue. Quisque iaculis ornare nunc, a imperdiet sapien cursus a. Donec sit amet diam mauris, in rutrum quam. Praesent eu sapien nec sem eleifend lacinia id id urna. Phasellus consectetur convallis augue, nec commodo sapien varius a. In porta, felis pretium suscipit scelerisque, ligula enim posuere lacus, dignissim convallis est magna ut nisi. Aliquam quis nisl eget ipsum aliquet consectetur. Cras sed lectus dolor. Quisque a orci purus.

One Fourth Col

Nulla facilisi. Duis ac magna vel neque sollicitudin condimentum at eget augue. Quisque iaculis ornare nunc, a imperdiet sapien cursus a. Donec sit amet diam mauris, in rutrum quam. Praesent eu sapien nec sem eleifend lacinia id id urna. Phasellus consectetur convallis augue, nec commodo sapien varius a. In porta, felis pretium suscipit scelerisque, ligula enim posuere lacus, dignissim convallis est magna ut nisi. Aliquam quis nisl eget ipsum aliquet consectetur. Cras sed lectus dolor. Quisque a orci purus.

With a bit of editing: Third Columns

Two Thirds Col

Nulla facilisi. Duis ac magna vel neque sollicitudin condimentum at eget augue. Quisque iaculis ornare nunc, a imperdiet sapien cursus a. Donec sit amet diam mauris, in rutrum quam. Praesent eu sapien nec sem eleifend lacinia id id urna. Phasellus consectetur convallis augue, nec commodo sapien varius a. In porta, felis pretium suscipit scelerisque, ligula enim posuere lacus, dignissim convallis est magna ut nisi. Aliquam quis nisl eget ipsum aliquet consectetur. Cras sed lectus dolor. Quisque a orci purus.

Or Three Fourths

Three Fourths Col

Nulla facilisi. Duis ac magna vel neque sollicitudin condimentum at eget augue. Quisque iaculis ornare nunc, a imperdiet sapien cursus a. Donec sit amet diam mauris, in rutrum quam. Praesent eu sapien nec sem eleifend lacinia id id urna. Phasellus consectetur convallis augue, nec commodo sapien varius a. In porta, felis pretium suscipit scelerisque, ligula enim posuere lacus, dignissim convallis est magna ut nisi. Aliquam quis nisl eget ipsum aliquet consectetur. Cras sed lectus dolor. Quisque a orci purus.

One Fourth Col

Nulla facilisi. Duis ac magna vel neque sollicitudin condimentum at eget augue. Quisque iaculis ornare nunc, a imperdiet sapien cursus a. Donec sit amet diam mauris, in rutrum quam. Praesent eu sapien nec sem eleifend lacinia id id urna. Phasellus consectetur convallis augue, nec commodo sapien varius a. In porta, felis pretium suscipit scelerisque, ligula enim posuere lacus, dignissim convallis est magna ut nisi. Aliquam quis nisl eget ipsum aliquet consectetur. Cras sed lectus dolor. Quisque a orci purus.