Zero One Documentation
Theme demo
  • Overview
  • Terms & Guidelines
  • Guide
    • Installation & Setup
      • Local environment
      • Server
      • Default language!
      • Multilanguage website
      • Config options
      • SMTP email options
      • Folder structure
      • htaccess
      • Updating
      • PHP Composer
    • Administration panel
      • Translating panel
    • Site options
      • SEO options
      • Multi-language
    • Theme styling
      • Less/CSS setup
      • Changing Less variables
      • app.less file
      • Customizing elements
      • Helpful classes
    • Page types
      • Page options
    • Blog
      • Comments
      • Article
    • Work (Portfolio)
      • Project page
    • Shop
      • Snipcart
    • Layout Builder
      • Column Options block
      • Subgrid block
      • Card block
      • Text (Writer) block
      • Custom Heading block
      • Custom List block
      • Typed Text block
      • Quote block
      • Button block
      • › 25 more blocks
    • Form Builder (Premium)
    • OLD Page Builder deprecation
    • Tricks
      • Using icons in the content
      • Kirbytext link tag to button
      • Tricks with image classes
      • Adding Google Fonts
      • Custom icons
      • Cookie notice/banner
    • Theme extending
      • Page Transitions (Swup)
      • Contact form extending
      • Self-hosted fonts
      • Adding new templates
      • Adding new Content block (Layout Builder)
    • GDPR
  • More
  • Support
  • Hire us
  • Changelog
  • Credits
  • Affiliate
Powered by GitBook
On this page
  • Column Size Options
  • Column Text Options
  • Column Style Options
  • Column Utility Options
  • Column Advanced Options

Was this helpful?

  1. Guide
  2. Layout Builder

Column Options block

Give the power to column!

PreviousLayout BuilderNextSubgrid block

Last updated 16 days ago

Was this helpful?

This block gives so much power 🚀

You will find it extremely useful for the creation of complex layouts.

Let's see what this block can do. Add this block to some column and double-click it.

Column Size Options

With this block, you can change the specific column size, width, and height if needed.

Column Text Options

You can influence the text alignment, size, and other on the column level.

Column Style Options

You can change the column style to Card, Tile, or create a custom background just for that column

Column Utility Options

You can also use some useful utilities, change column padding, and column order on the specific device, change the border, and add shadow.

Column Advanced Options

There are also some useful Advanced options. You can add a custom class and ID to the column, change visibility per device size, or add animation to the column.

Note that every column can have only one Column Options block. If you add more than one, only options from the first one will be counted, and the other will be ignored.

Ok, let's head to the next page and another block.

Column Options block
Column Size options
Column Text Options
Column Style Options
Column Utility Options
Column Advanced Options