Column Block

The Column Block is used to group multiple blocks as well as you can remove the spaces between the blocks inside the column that are aligned horizontally, It is used also to add a background image or color to a group of blocks

column block icon
column block

Padding

You can choose the padding to adjust the vertical padding of the blocks that is inside the column

1- None: No Padding

2- Small: 30px Padding

3- Medium: 50px Padding

4- Large : 80px Padding


No Spaces Between Elements

This removes the Space between the blocks inside the column, no horizontal margins or padding as you see from the below example where all the three pricing tables are stick to each other leaving no spaces between them

Package 1

50

Subtitle

  • Feature 1
  • Feature 2
Purchase

Package 2

100

Subtitle

  • Feature 1
  • Feature 2
Purchase

Package 3

150

Subtitle

  • Feature 1
  • Feature 2
Purchase

Background Color

Changes the background of the container holding the blocks in order to be able to add a color to all of them.

Background Image

Not only you can add a color to the background of a group of blocks, you can add custom image as well

Parallax

This options gives you the cool effect when scrolling, check this section’s background picture, get that feel scrolling up and down, that’s parallax!

 

Advanced Options

If you know CSS and would like to change the background position, repeat or size this is the right place, The options are equivalent to the following CSS


background-position: center center;
background-repeat: no-repeat no-repeat;
background-size: cover;