Column Layout Styling

Using columns on your webpages is a great way to organize content side by side—perfect for comparing information, showcasing multiple features, or simply creating a more dynamic look.

Whether it's two, three, or more columns, this layout style helps break up text and images into clear, structured sections that are easy to scan and visually engaging.

✨ Using Homepage Columns to Highlight Key Topics

On your homepage, columns offer a flexible and visually engaging way to feature key areas of your organization. Think of them like "mini-billboards" that draw attention to what matters most.

For example, if you're a community group, you might use three columns titled:

Upcoming Events → linking to your calendar
Community Projects → linking to a page about your initiatives
Get Involved → linking to your volunteer or membership page

Take a look at the column styling options below and let us know what feels right for your content.

default column styling

Product, Service or Benefit Title

Include a brief description, often you will add a button to link out for more info

custom button label

Product, Service or Benefit Title

Include a brief description, often you will add a button to link out for more info

custom button label

Product, Service or Benefit Title

Include a brief description, often you will add a button to link out for more info

custom button label

special-styles-cards-1

Product, Service or Benefit Title

Include a brief description, often you will add a button to link out for more info

Title with link

All the cards with blue badge

Include a brief description, often you will add a button to link out for more info

Title with link

Product, Service or Benefit Title

Include a brief description, often you will add a button to link out for more info

special-styles-cards-2

special-styles-cards-2

Include a brief description, often you will add a button to link out for more info

special-styles-cards-2

Include a brief description, often you will add a button to link out for more info

special-styles-cards-2

Include a brief description, often you will add a button to link out for more info

special-styles-cards-3

Card with link on it

Include a brief description, often you will add a button to link out for more info

Text on this button label will not be visible

Card with link on it

Include a brief description, often you will add a button to link out for more info

Text on this button label will not be visible

Card without link

Include a brief description, often you will add a button to link out for more info