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


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



  • Feature 1
  • Feature 2

Package 2



  • Feature 1
  • Feature 2

Package 3



  • Feature 1
  • Feature 2

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


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;