Welcome to Help center

We are here to help

How to use fruitful shortcodes

Follow

Install and activate the pluginHead to the visual editor and click on Toolbar Toggle button:

 

 

 

Horizontal tabs

  1. Switch to visual editor
  2. Push on icon “Add horizontal tabs”
  3. Edit each tabs headlines title=”Title 1″
  4. Put content inside [fruitful_tab] [/fruitful_tab]
  5. Add or remove additional attributes

Attributes

  • id = “”
  • type = “default, vertical, accordion”
  • width = “100%”
  • fit = “true, false”
  • tabcolor=”#ff0000″

 

 

Vertical tabs

  1. Switch to visual editor
  2. Push on icon “Add vertical tabs”
  3. Edit each tabs headlines title=”Title 1″
  4. Put content inside [fruitful_tab] [/fruitful_tab]
  5. Add or remove additional attributes

Attributes

  • id = “”
  • type = “default, vertical, accordion”
  • width = “100%”
  • fit = “true, false”
  • widthtab = “”
  • tabcolor=”#ff0000″

 

 

Accordion

  1. Switch to visual editor
  2. Push on icon “Add accordion”
  3. Edit each tabs headlines title=”Title 1″
  4. Put content inside [fruitful_tab] [/fruitful_tab]
  5. Add or remove additional attributes

Attributes

  • id = “”
  • type = “default, vertical, accordion”
  • width = “100%”
  • fit = “true, false”

 

 

Columns

  1. Switch to visual editor
  2. Push on icon “Add 1/2 columns”
  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”

 

 

Promo text

  1. Switch to visual editor
  2. Push on icon “Add promo text”
  3. Put content inside [fruitful_dbox] [/fruitful_dbox]
  4. Add or remove additional attributes

Attributes

  • id = “”
  • style = “”
  • shadowtype =”type-1″

 

 

Button

  1. Switch to “visual editor”
  2. Push on icon “Add button”
  3. Put content inside [fruitful_btn] [/fruitful_btn]
  4. Add or remove additional attributes

Attributes

  • size = “mini, large”
  • color = “default, primary, info, success, warning, danger, inverse”
  • type = “link, button, input, submit”
  • state = “active, disabled”
  • text_color = “#fff”
  • icon = “fa-check-square-o” full list of Font Awesome icons”
  • icon_position = “left, right”
  • link = “#”
  • target = _blank - open link in a new tab;
  • target = _self - by default

 

 

Separator

  1. Switch to visual editor
  2. Push on icon “Add Separator”
  3. Add or remove additional attributes

Attributes

  • height = “”
  • id = “”
  • style = “”

 

 

Progress bar

  1. Switch to visual editor
  2. Push on icon “Add Progress bar”
  3. Add or remove additional attributes

Attributes

  • type = “bar-success, bar-info, bar-warning, bar-danger”
  • id = “”
  • striped = “”
  • width = “”

 

 

Alert

  1. Switch to visual editor
  2. Push on icon “Add alert”
  3. Put content inside [fruitful_alert] [/fruitful_alert]
  4. Add or remove additional attributes

Attributes

  • type = “alert-block, alert-success, alert-info, alert-danger “
  • id = “”

 

 

Recent posts

  1. Switch to visual editor
  2. Push on icon “Add recent posts”
  3. Add or remove additional attributes

Attributes

  • posts = “4”. Number of posts to display. Use “-1” to show all posts. Default is “4”.
  • cat = “”. Cagetories to show. Use slug-names separated by commas. If empty, all categories will be displayed

 

 

Recent posts slider

  1. Switch to visual editor
  2. Push on icon “Add recent posts slider”
  3. Add or remove additional attributes

Attributes

  • posts = “4”. Number of posts to display. Use “-1” to show all posts. Default is “4”.
  • cat = “”. Cagetories to show. Use slug-names separated by commas. If empty, all categories will be displayed.

Have more questions?

Submit a request

Comments

Top
Powered by Zendesk