Column Content Examples

This theme has a few different ways of displaying content in columns.

Columned Content

This component allows you to have a content grid up to 4 columns wide with a heading on the top, content, and an optional button to get more details. The text of each button can be different. The size of each column is automatically set based on the number of columns. If you have more than 4 columns then they will automatically wrap to another line.

Columned Content

One Column

Two Columns

Three Columns

Four Columns

Columned Images

The Columned Images component lets you add images in a grid along with a title that can link to another page. The title can be displayed above the image, below the image, on top of the image at the top, centered on the image, or on top of the image at the bottom.

Title Above Image

Ducklings

Noodles

Lego Crowd

Duck Cleaning

Title Below Image

Ducklings

Noodles

Lego Crowd

Title Top of Image

Ducklings

Noodles

Lego Crowd

Duck Cleaning

Title Centered on Image

Ducklings

Noodles

Lego Crowd

Title Bottom of Image

Ducklings

Noodles

Lego Crowd

Duck Cleaning

Image Grid With Content

The Image Grid With Content component is similar to the Image Grid component except that it allows you to include text content with the image. 

The text content can either show below the image, behind the image and be displayed when you hover over the image, or show over the image.

Title on Top of Image and Content Behind Image

Storm Troopers

Storm Troopers

Cheese strings smelly cheese cheeseburger. Jarlsberg stilton st. agur blue cheese parmesan pepper jack cheddar cheese and biscuits everyone loves. 

Storm Troopers Medic

Storm Troopers Medic

Hard cheese blue castello when the cheese comes out everybody's happy who moved my cheese when the cheese comes out everybody's happy cheese and wine mascarpone feta.

Title Below Image and Content Behind Image

Storm Troopers

Storm Troopers

Cheese strings smelly cheese cheeseburger. Jarlsberg stilton st. agur blue cheese parmesan pepper jack cheddar cheese and biscuits everyone loves. 

Storm Troopers Medic

Storm Troopers Medic

Hard cheese blue castello when the cheese comes out everybody's happy who moved my cheese when the cheese comes out everybody's happy cheese and wine mascarpone feta.

Title Below Image and Content Below Image

Group of Ducks

Cheese strings smelly cheese cheeseburger. Jarlsberg stilton st. agur blue cheese parmesan pepper jack cheddar cheese and biscuits everyone loves. 

Duck Doing Duck Stuff

Hard cheese blue castello when the cheese comes out everybody's happy who moved my cheese when the cheese comes out everybody's happy cheese and wine mascarpone feta.

Cute Duck

Blue castello lancashire manchego. When the cheese comes out everybody's happy bavarian bergkase cheesecake cream cheese cheese and wine feta croque monsieur ricotta. Boursin halloumi manchego mozzarella bavarian bergkase roquefort fromage stilton

Title Above Image and Content Below Image

Group of Ducks

Cheese strings smelly cheese cheeseburger. Jarlsberg stilton st. agur blue cheese parmesan pepper jack cheddar cheese and biscuits everyone loves. 

Duck Doing Duck Stuff

Hard cheese blue castello when the cheese comes out everybody's happy who moved my cheese when the cheese comes out everybody's happy cheese and wine mascarpone feta.

Cute Duck

Blue castello lancashire manchego. When the cheese comes out everybody's happy bavarian bergkase cheesecake cream cheese cheese and wine feta croque monsieur ricotta. Boursin halloumi manchego mozzarella bavarian bergkase roquefort fromage stilton

Content over Image

Group of Ducks

Cheese strings smelly cheese cheeseburger. Jarlsberg stilton st. agur blue cheese parmesan pepper jack cheddar cheese and biscuits everyone loves. 

Duck Doing Duck Stuff

Hard cheese blue castello when the cheese comes out everybody's happy who moved my cheese when the cheese comes out everybody's happy cheese and wine mascarpone feta.

Cute Duck

Blue castello lancashire manchego. When the cheese comes out everybody's happy bavarian bergkase cheesecake cream cheese cheese and wine feta croque monsieur ricotta. Boursin halloumi manchego mozzarella bavarian bergkase roquefort fromage stilton

Columned Feature

Another columned component that allows up to four columns of headings, images, text, and a link button.

One Column

Ornare arcu dui vivamus arcu felis bibendum ut. Suspendisse in est ante in nibh. At varius vel pharetra vel. In pellentesque massa placerat duis ultricies lacus sed turpis.

Learn More

Two Column

Ornare arcu dui vivamus arcu felis bibendum ut. Suspendisse in est ante in nibh. At varius vel pharetra vel. In pellentesque massa placerat duis ultricies lacus sed turpis.

Do More

Three Column

Ornare arcu dui vivamus arcu felis bibendum ut. Suspendisse in est ante in nibh. At varius vel pharetra vel. In pellentesque massa placerat duis ultricies lacus sed turpis.

Be More

Image Beside Content

The Image Beside Content component makes it easier to have an image show next to next to some content without having the content wrap around the image.

Hand Crafted

Sociis natoque penatibus et magnis dis parturient montes nascetur ridiculus. Massa vitae tortor condimentum lacinia quis vel. Fringilla ut morbi tincidunt augue interdum velit euismod. Semper risus in hendrerit gravida rutrum. Viverra vitae congue eu consequat ac felis. Scelerisque felis imperdiet proin fermentum leo vel orci porta non. Gravida in fermentum et sollicitudin ac orci phasellus egestas tellus.

Hand Crafted

Sociis natoque penatibus et magnis dis parturient montes nascetur ridiculus. Massa vitae tortor condimentum lacinia quis vel. Fringilla ut morbi tincidunt augue interdum velit euismod. Semper risus in hendrerit gravida rutrum. Viverra vitae congue eu consequat ac felis. Scelerisque felis imperdiet proin fermentum leo vel orci porta non. Gravida in fermentum et sollicitudin ac orci phasellus egestas tellus.