Container Block

The container is a robust and flexible block that allows you to combine different blocks in a single row. You can change the container layout and size to different configurations for ultimate flexibility.

Demo

Full Height Container with Gradient & Fixed Image Block Background

Nested Blocks: Posts, Heading, Paragraph & Spacer

Full Height Container with Gradient & Fixed Image Block Background

Nested Blocks: Posts, Heading, Paragraph & Spacer

Features

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

Basic. Plain. Image. Image 2. Image 3.

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

Full Height. Content Vertical Alignment. Content Width.. Alignment.

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

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

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

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

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

Column Spacing. Horizontal & Vertical Alignment. Block Height. Content Width. Margin. Padding. 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

Font Size. Spacing. Separator Height. Advanced Settings.

Half-Screen Right Aligned with Container Background Image

Container Background Image with Gradient. Heading and Paragraph as nested blocks.

Tall Container with Container Background Tinted Video

Nested blocks: Feature grid, Heading and Paragraph

Feature 1
Feature 1

Some feature description for an awesome feature

Feature 2
Feature 2

Some feature description for an awesome feature

Feature 3
Feature 3

Some feature description for an awesome feature

Tall Container with Container Background Tinted Video

Nested blocks: Feature grid, Heading and Paragraph

Feature 1
Feature 1

Some feature description for an awesome feature

Feature 2
Feature 2

Some feature description for an awesome feature

Feature 3
Feature 3

Some feature description for an awesome feature

Wide Width Container with Green Container Background Color

Half & align left with Heading, Paragraph & Button blocks nested.

Wide Width Container with Green Container Background Color

Half & align left with Heading, Paragraph & Button blocks nested.

With Block Background Image, Align Top Content Vertical Align

Nested blocks: Heading, Button & Spacer

With Block Background Image, Align Top Content Vertical Align

Nested blocks: Heading, Button & Spacer

Want to give it a spin?