1/3 Columns

How to use

  1. Switch to visual editor
  2. Push on icon “Add 1/3 columns”
    shortcodes-13
  3. Edit each column headlines title=”Title 1″
  4. Put content inside [fruitful_ibox] [/fruitful_ibox]
  5. Add or remove additional attributes

Attributes

  • column = “ffs-two-one, ffs-three-one, ffs-four-one, ffs-five-one, ffs-three-two, ffs-four-three”
  • title = “your title”
  • link = “#”
  • image = “http://website.com/wp-content/uploads/2014/04/image.png”
  • icon = “fa-check-square-o” full list of Font Awesome icons”
  • icon_position = “left, right, center”
  • styletext = “font-size:13px”
  • styletitle = “font-size:20px; text-transform: uppercase;”
  • styleicon = “background-color:#000; color:#fff; border-radius:50%;”
  • last =”true”

Columns

Title 1
Lorem ipsum dolor sit amet.
Title 2
Lorem ipsum dolor sit amet.
Title 3
Lorem ipsum dolor sit amet.
[fruitful_ibox_row]
[fruitful_ibox column="ffs-three-one" title="Title 1"]Lorem ipsum dolor sit amet.[/fruitful_ibox]
[fruitful_ibox column="ffs-three-one" title="Title 2"]Lorem ipsum dolor sit amet.[/fruitful_ibox]
[fruitful_ibox column="ffs-three-one" title="Title 3" last="true"]Lorem ipsum dolor sit amet.[/fruitful_ibox]
[/fruitful_ibox_row]

Image

Title 1
Lorem ipsum dolor sit amet.
Title 2
Lorem ipsum dolor sit amet.
Title 3
Lorem ipsum dolor sit amet.
[fruitful_ibox_row]
[fruitful_ibox image="https://shortcodes.fruitfulcode.com/wp-content/uploads/sites/29/2014/05/image-alignment-150x150.jpg" column="ffs-three-one" title="Title 1"]Lorem ipsum dolor sit amet.[/fruitful_ibox]
[fruitful_ibox image="https://shortcodes.fruitfulcode.com/wp-content/uploads/sites/29/2014/05/image-alignment-150x150.jpg" column="ffs-three-one" title="Title 2"]Lorem ipsum dolor sit amet.[/fruitful_ibox]
[fruitful_ibox image="https://shortcodes.fruitfulcode.com/wp-content/uploads/sites/29/2014/05/image-alignment-150x150.jpg" column="ffs-three-one" title="Title 3" last="true"]Lorem ipsum dolor sit amet.[/fruitful_ibox][/fruitful_ibox_row]

Big Custom Icons

Easy to use
Bootstrap Responsive
Customer Support
[fruitful_ibox_row]
[fruitful_ibox column="ffs-three-one" icon="fa-cogs" title="Easy to use" styleicon="font-size:80px;"][/fruitful_ibox]
[fruitful_ibox column="ffs-three-one" icon="fa-mobile" title="Bootstrap Responsive" styleicon="font-size:80px;"][/fruitful_ibox]
[fruitful_ibox column="ffs-three-one" icon="fa-life-ring" styleicon="font-size:80px;" title="Customer Support" last="true"][/fruitful_ibox]
[/fruitful_ibox_row]