Section Block

This is the wrapper of columns, you can consider it as a row in the bootstrap where you start to add your columns and your blocks inside it, this block is not resizable

section-icon

section

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

Full Width

Once checked you will find another checkbox asking you if you want to make it boxed content or not, If not then it will be like below sample, filling the screen horizontaly

 

Quisque id odio. Praesent blandit laoreet nibh. Praesent nonummy mi in odio. Phasellus ullamcorper ipsum rutrum nunc. Nulla porta dolor.

Sed hendrerit. Phasellus magna. Praesent nec nisl a purus blandit viverra. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Mauris sollicitudin fermentum libero.

Praesent blandit laoreet nibh. Nam eget dui. Praesent ac massa at ligula laoreet iaculis. Etiam ultricies nisi vel augue. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi.

Quisque id odio. Praesent blandit laoreet nibh. Praesent nonummy mi in odio. Phasellus ullamcorper ipsum rutrum nunc. Nulla porta dolor.

Sed hendrerit. Phasellus magna. Praesent nec nisl a purus blandit viverra. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Mauris sollicitudin fermentum libero.

Praesent blandit laoreet nibh. Nam eget dui. Praesent ac massa at ligula laoreet iaculis. Etiam ultricies nisi vel augue. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi.

Boxed Content

Once checked you will find another checkbox asking you if you want to make it boxed content or not, the below sample is for the boxed content

 

Quisque id odio. Praesent blandit laoreet nibh. Praesent nonummy mi in odio. Phasellus ullamcorper ipsum rutrum nunc. Nulla porta dolor.

Sed hendrerit. Phasellus magna. Praesent nec nisl a purus blandit viverra. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Mauris sollicitudin fermentum libero.

Praesent blandit laoreet nibh. Nam eget dui. Praesent ac massa at ligula laoreet iaculis. Etiam ultricies nisi vel augue. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi.

Quisque id odio. Praesent blandit laoreet nibh. Praesent nonummy mi in odio. Phasellus ullamcorper ipsum rutrum nunc. Nulla porta dolor.

Sed hendrerit. Phasellus magna. Praesent nec nisl a purus blandit viverra. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Mauris sollicitudin fermentum libero.

Praesent blandit laoreet nibh. Nam eget dui. Praesent ac massa at ligula laoreet iaculis. Etiam ultricies nisi vel augue. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi.

Quisque id odio. Praesent blandit laoreet nibh. Praesent nonummy mi in odio. Phasellus ullamcorper ipsum rutrum nunc. Nulla porta dolor.

Sed hendrerit. Phasellus magna. Praesent nec nisl a purus blandit viverra. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Mauris sollicitudin fermentum libero.

Praesent blandit laoreet nibh. Nam eget dui. Praesent ac massa at ligula laoreet iaculis. Etiam ultricies nisi vel augue. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi.

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

Quisque id odio. Praesent blandit laoreet nibh. Praesent nonummy mi in odio. Phasellus ullamcorper ipsum rutrum nunc. Nulla porta dolor.

Sed hendrerit. Phasellus magna. Praesent nec nisl a purus blandit viverra. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Mauris sollicitudin fermentum libero.

Praesent blandit laoreet nibh. Nam eget dui. Praesent ac massa at ligula laoreet iaculis. Etiam ultricies nisi vel augue. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi.

Quisque id odio. Praesent blandit laoreet nibh. Praesent nonummy mi in odio. Phasellus ullamcorper ipsum rutrum nunc. Nulla porta dolor.

Sed hendrerit. Phasellus magna. Praesent nec nisl a purus blandit viverra. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Mauris sollicitudin fermentum libero.

Praesent blandit laoreet nibh. Nam eget dui. Praesent ac massa at ligula laoreet iaculis. Etiam ultricies nisi vel augue. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi.

Quisque id odio. Praesent blandit laoreet nibh. Praesent nonummy mi in odio. Phasellus ullamcorper ipsum rutrum nunc. Nulla porta dolor.

Sed hendrerit. Phasellus magna. Praesent nec nisl a purus blandit viverra. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Mauris sollicitudin fermentum libero.

Praesent blandit laoreet nibh. Nam eget dui. Praesent ac massa at ligula laoreet iaculis. Etiam ultricies nisi vel augue. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi.

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;