Advanced Columns & Grid Block

The Advanced Columns & Grid is a more powerful and flexible version of the native columns block. Get access to layouts, easier column management and more precise column controls.

Demo

Advanced Columns & Grid

Four column plain grid containing a Call to Action block, Number blocks, and native image blocks.

01

First Column

Some feature description for an awesome feature

02

Second Column

Some feature description for an awesome feature

03

Third Column

Some feature description for an awesome feature

Features

<span style="color: #f34957;" class="ugb-highlight">7 Layouts</span>
5 Layouts

Grid. Plain. Uneven. Uneven 2. Tiled.

<span style="color: #f34957;" class="ugb-highlight">General Style Options</span>
Style Options

Column Widths. Full Height. Column Gap. Row Gap. Alignment.

<span style="color: #f34957;" class="ugb-highlight">Typography Options</span><br>
Text Color Options

Text Heading Color. Text Color. Link Color. Link Hover Color.

<span style="color: #f34957;" class="ugb-highlight">Background Options</span>
Column Background Options

Color. Opacity. Image. Video. Fixed Image. Gradient. Blend Mode.

<span style="color: #f34957;" class="ugb-highlight">Button Options</span>
Spacing & Alignment

Spacing. Horizontal & Vertical Alignment. Block Height. Content Width. Margin. Padding. Column Spacing. Z-Index.

<span style="color: #f34957;" class="ugb-highlight">Spacing & Alignment</span>
Separators

10 Designs. Responsive Height & Width. Two Additional Separator Layers for Premium.

<span style="color: #f34957;" class="ugb-highlight">Separators</span>
Responsiveness

Collapsed Column Arrangement. Collapsed Row Gap. Font Size. Spacing. Separator Height. Advanced Settings.

Advanced Columns

Four Column, Uneven Layout. Contains: Separator, Column Basic Layout with Background Image, native Heading and native Paragraph.

Advanced Columns

Some feature description for an awesome feature. Some feature description for an awesome feature. Some feature description for an awesome feature.

Advanced Column

3 Column, Plain Layout. Contains: Image Box blocks, and Call to Action block.

Advanced Column

Three Column, Full-Width Uneven Layout. Contains: Feature Grid, native Image Block with negative right-margin.

Column 1
Column 1

Some feature description for an awesome feature

Column 2
Column 2

Some feature description for an awesome feature

Advanced Column

Three Column, Plain Layout. Contains: native Image block and Heading and Paragraph blocks.

Feature 1

Some feature description for an awesome feature. Some feature description for an awesome feature.

Feature 2

Some feature description for an awesome feature. Some feature description for an awesome feature.

Feature 3

Some feature description for an awesome feature. Some feature description for an awesome feature.

Feature 4

Some feature description for an awesome feature. Some feature description for an awesome feature.

Want to give it a spin?