Blog & page layouts

Choose how posts are listed on the blog, archives and search results, how cards look, and where the sidebar goes.

Post layouts

The post layout controls the blog home page, category, tag, author and date archives and search results.

On phones every layout becomes a single column of full-width cards, and both menu bars collapse into buttons.

ProMax home page on a phone: header, banner, menu buttons, latest posts strip and a full-width card — ProMax on a phone.

ProMax Free

Go to Customize › Colors & Layout › Post layout.

Grid layout: three cards per row — Grid Cards in columns with image, category badge, date stamp, title and excerpt. The default.

List layout: image on the left, text on the right — List One post per row, image beside the text, with a Read more link.

Post layout control with Grid and List, and a preview of the Pro layouts — The free theme also previews the six extra Pro layouts here.

ProMax Pro Pro

Go to Customize › Blog Layout. Pro has 8 layouts and a separate Archive and search layout, so the home page can be a magazine layout while archives stay a simple list.

Grid layout — Grid Cards in columns. Works with 2, 3 or 4 columns.

List layout — List Image beside the text, one post per row.

Classic blog layout — Classic blog Large image above a full-width title and excerpt.

Masonry layout — Masonry Pinterest-style columns; each image keeps its natural shape.

Overlay layout — Overlay Tall image cards with the title over the image.

Featured plus grid layout — Featured + grid The newest post as a large hero, then a grid.

Zigzag layout — Zigzag Image and text swap sides on every row.

Compact list layout — Compact list Small thumbnails in two columns. Fits many posts per page.

Blog Layout section in the ProMax Pro Customizer — Blog Layout in ProMax Pro, with a live preview.

Card styles, columns and image shape Pro

Shadow card style — Shadow Soft shadow that lifts on hover. The default.

Bordered card style — Bordered Thin outline that takes the link colour on hover.

Flat card style — Flat No box at all: a rounded image with the text on the page.

Boxed card style — Boxed Light grey box with rounded corners.

Columns: Automatic (as many as fit), 2, 3 or 4. Applies to Grid, Masonry, Overlay and Featured. Phones always show one column.
Image shape: Landscape 3:2 (default), Wide 16:9, Standard 4:3 or Square 1:1. Applies to Grid, List, Zigzag and Featured.

Card height

Equal height (default) trims long titles and excerpts so every card in a row lines up. Fit content shows everything and lets cards grow. In ProMax it's in Colors & Layout; in Pro, in Blog Layout.

Website width

Website width sets the maximum width of the content, from 960 to 1920 px (default 1200). It's in Colors & Layout (ProMax) or Colors & Design (Pro).

Free ProMax shows the sidebar on the right whenever it has widgets or the Popular Posts list. Without either, content goes full width.

Pro Choose Right sidebar, Left sidebar or Full width for the whole site in Customize › Colors & Design › Website layout.

Post with the sidebar on the right — Right sidebar

Post with the sidebar on the left — Left sidebar

Per post and page Pro

Every post and page has a Layout box in the editor sidebar (under the Post or Page tab, near the bottom). Pick a layout for just that post, or leave Use theme setting.

Layout box with Use theme setting, Right sidebar, Left sidebar and Full width options — The Layout box in the post editor.

Good uses:

Full width for landing pages, galleries and long guides.
Left sidebar on a single section of the site.
A layout for the WooCommerce cart, checkout or account page (see WooCommerce).

Single posts

Featured image on single posts shows the featured image above the title, with the title on the image. Off by default. ProMax: Theme Options; Pro: Theme Options › Post Settings.
Author box below posts (and pages in ProMax) shows the author's avatar and biography from their user profile.
Pro Show or hide the date and author, categories, comment count, tags, next/previous links and breadcrumbs individually. See Post Settings.