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.
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.
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.
If you don’t want the icon above your column you will need to add styleicon=”none” icon=”none” to each fruitful_ibox column.
[fruitful_sep]
Example of final shortcode with no title or icon above columns
Example of columns with no title or icon above columns
[fruitful_ibox_row]
[fruitful_ibox column=”ffs-three-one” styleicon=”none” icon=”none”]My content for column 1 here.[/fruitful_ibox]
[fruitful_ibox column=”ffs-three-one” styleicon=”none” icon=”none”]My content for column 2 here.[/fruitful_ibox]
[fruitful_ibox column=”ffs-three-one” styleicon=”none” icon=”none” last=”true”]My content for column 3 here.[/fruitful_ibox]
[/fruitful_ibox_row]
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” />
