Blocks – Container Block

Container Block is a style wrapper to combine different blocks in a single row. It is helpful when you need more flexibility in your block designs. Like alignment, background, or positioning control. It is like a container or div to hold another block inside. You can:

  • Combine multiple blocks in a single section
  • Build their own website sections and layouts

General

Content Width: Use this option to change the container’s width. Responsiveness tabs are available along with two different units for this: PX and Percentage (%).

Border Radius: Pick the radius on the entire container block. This will create a rounded square effect on the block.

Z – Index: You can move the block backward or forward.

Content Alignment: Pick the content alignment right, left, or center. Responsiveness tabs are also present.

file-y4bd7primd-9593686

Background

None: It will show the theme’s default background.

Color: Use this RGBA setting to change the background color of the container block.

Gradient: Pick two colors for the gradient background. The gradient will be generated between these two colors and set the degree and color position.

file-fqwjzqm00u-2008108

Image: Pick an image as the background.

file-l8cz5sgesn-5744393

Spacing

Padding: Pick the padding around the items. You can either pick a uniform radius or edit each of them individually. Responsiveness tabs are also present. You can choose from five different units for this: PX, VW, REM, EM, and Percentage (%).

Margins: You can control the top and bottom margins of your block. Responsiveness tabs are also present with five different units for this: PX, VW, REM, EM, and Percentage (%).

file-whwbbctxkx-5914848