The Container Block

The Container block lets you gather several individual blocks into a parent container, which helps you create different sections of content on your posts and pages. For example, you might want to create a section with columns, images, and text and give it a specific padding and background color.

The Block Features

  •  Max Width (px)
  • Background Opacity (%)
  • Background Image
  • Background Color
  • Padding (Top, Bottom, Left, Right)
  • Margin (Top, Bottom)
  • Inside Container Width

Examples

3 Column Card Layout with Solid Background

avatar

This is a Card

Subtitle

Nunc iaculis varius feugiat. Duis eget neque vulputate, laoreet leo in, dignissim purus. Suspendisse placerat dolor vel pellentesque rhoncus. Maecenas non eleifend lectus. Phasellus consectetur commodo volutpat. Nulla nec odio posuere elit finibus facilisis sed ac ligula.

avatar

This is a Card

Subtitle

Nunc iaculis varius feugiat. Duis eget neque vulputate, laoreet leo in, dignissim purus. Suspendisse placerat dolor vel pellentesque rhoncus. Maecenas non eleifend lectus. Phasellus consectetur commodo volutpat. Nulla nec odio posuere elit finibus facilisis sed ac ligula.

avatar

This is a Card

Subtitle

Nunc iaculis varius feugiat. Duis eget neque vulputate, laoreet leo in, dignissim purus. Suspendisse placerat dolor vel pellentesque rhoncus. Maecenas non eleifend lectus. Phasellus consectetur commodo volutpat. Nulla nec odio posuere elit finibus facilisis sed ac ligula.


3 Column Content Layout with Background

Mauris sagittis lorem id enim suscipit, eget ultricies massa dignissim.

Mauris sagittis lorem id enim suscipit, eget ultricies massa dignissim.

Mauris sagittis lorem id enim suscipit, eget ultricies massa dignissim.


2 Column Full Width Layout

Mauris sagittis lorem id enim suscipit, eget ultricies massa dignissim.

Mauris sagittis lorem id enim suscipit, eget ultricies massa dignissim.


1 Column Layout with LSX Accordion Block

About the accordion block

Proin nec massa ac nibh malesuada tempus. Pellentesque dui elit, dapibus sit amet neque vitae, auctor viverra metus. Nam et purus et lorem gravida rutrum eget et ipsum.

What is Gutenberg?

Proin nec massa ac nibh malesuada tempus. Pellentesque dui elit, dapibus sit amet neque vitae, auctor viverra metus. Nam et purus et lorem gravida rutrum eget et ipsum.

LSX WordPress Theme

Proin nec massa ac nibh malesuada tempus. Pellentesque dui elit, dapibus sit amet neque vitae, auctor viverra metus. Nam et purus et lorem gravida rutrum eget et ipsum.

Download the Free LSX Theme

and power it up with the free range of LSX extensions

Need info on installing and configuring LSX? Read the theme documentation.

Need more advanced support with LSX theme and extensions?

Talk to us about our premium paid support and let us help you make the most if the LSX Theme!