Home » Tutorials » Adding columns to your page

Adding columns to your page

To add columns to your page you can select either 1/2, 1/3, 1/4, or 1/5 depending on how many columns you want. For example if I want 3 columns I would select 1/3 from the toolbar menu.
addColumn1

This shortcode below will now appear, you will want to change the content in between the [ ] to whatever you would like to appear in that column.
addColumn3

If you would like to remove the title above your column you can delete title=”Title 1″ and title=”Title 2″ and so on depending on how many columns you have.
addColumn4

If you don’t want the icon above your column you will need to add styleicon=”none” icon=”none” to each fruitful_ibox column.
addColumn2

Example of final shortcode with no title or icon above columns
addColumn5

 

Example of columns with no title or icon above columns
My content for column 1 here.
My content for column 2 here.
My content for column 3 here.

 

If you notice that there is too much space at the top of your columns and would like to move them up. Add this code in the “Text” section to the first tag in that column. 

style=”margin-top:-60px;”

Example of code being used

<h2 style=”margin-top:-60px;”>Header here</h2>

<img style=”margin-top:-60px;” src=”http://image_here.jpg” />

addColumn6

 

Icons

http://fontawesome.io/icons/