Bx Slider

You can create a bx lider very easy with syntax:

[bxslider auto='TRUE|FALSE' pager='TRUE|FALSE' control='TRUE|FALSE' min='MINIMUM ITEM TO DISPLAY' 
max='MAXIMUM ITEM TO DISPLAY' move= 'NUMBER ITEM TO MOVE' width='ITEM WIDTH' margin='ITEM MARGIN'] 
[bxitem] ITEM 1[/bxitem][bxitem] ITEM 2[/bxitem] [bxitem] ITEM 3[/bxitem]
[/bxslider]

The bxlider shortcode including bxslider wrapper aand bxlider item shortcodes. Please see details of bxslider property below:

Bxslider wrapper

  • auto: Setting for slider auto slide or not. possible value is true or false. Default as true
  • pager: Setting to display pager or not. possible value is true or false. Default as true
  • control: Setting to display control or not. possible value is true or false. Default as true
  • min: Minimum slide item to display
  • max: Maximum slide item to display
  • move: number of slide item to move
  • width: width of slide item
  • margin: margin between items

Example

[bxslider control="false" pager="true" min="1" max="3" margin="15" width="300" move="3"]
[bxitem][box title="Superb Design Layout" border="circle" icon="fa fa-lightbulb-o" align="top"]Duis sit amet 
orci et lectus dictum auctor a nec enim. Donec suscipit fringilla elementum.. Vestibulum hendrerit diam nunc, 
in tempus urna rhoncus faucibus.[/box][/bxitem]
[bxitem][box title="Drag & Drop Builder" border="circle" icon="fa fa-share-square-o" align="top"]Duis sit amet 
orci et lectus dictum auctor a nec enim. Donec suscipit fringilla elementum.. Vestibulum hendrerit diam nunc, 
in tempus urna rhoncus faucibus.[/box][/bxitem]
[bxitem][box title="Regular Updates & Free Support" icon="fa fa-headphones" border="circle" align="top"]Duis sit 
amet orci et lectus dictum auctor a nec enim. Donec suscipit fringilla elementum.. Vestibulum hendrerit diam nunc, 
in tempus urna rhoncus faucibus.[/box][/bxitem]
[bxitem][box title="Responsive Design Layout" border="circle" icon="fa fa-laptop" align="top"]Duis sit amet
 orci et lectus dictum auctor a nec enim. Donec suscipit fringilla elementum.. Vestibulum hendrerit diam nunc, 
 in tempus urna rhoncus faucibus.[/box][/bxitem]
[bxitem][box title="Retina Ready" border="circle" icon="fa fa-eye" align="top"]Duis sit amet orci et lectus 
dictum auctor a nec enim. Donec suscipit fringilla elementum.. Vestibulum hendrerit diam nunc, in tempus urna rhoncus faucibus.[/box][/bxitem]
[bxitem][box title="Detailed Document" border="circle" icon="fa fa-folder-open-o" align="top"]Duis sit 
amet orci et lectus dictum auctor a nec enim. Donec suscipit fringilla elementum.. Vestibulum hendrerit diam nunc,
 in tempus urna rhoncus faucibus.[/box][/bxitem]
[bxitem][box title="Social Media Friendly" border="circle" icon="fa fa-twitter" align="top"]Duis sit 
amet orci et lectus dictum auctor a nec enim. Donec suscipit fringilla elementum.. Vestibulum hendrerit diam nunc, 
in tempus urna rhoncus faucibus.[/box][/bxitem]
[bxitem][box title="SEO Optimized" border="circle" icon="fa fa-bar-chart-o" align="top"]Duis sit amet orci et
lectus dictum  auctor a nec enim. Donec suscipit fringilla elementum.. Vestibulum hendrerit diam nunc, 
in tempus urna rhoncus faucibus.[/box][/bxitem]
[bxitem][box title="HTML 5 & CSS3" border="circle" icon="fa fa-html5" align="top"]Duis sit amet orci et 
lectus dictum auctor a nec enim. Donec suscipit fringilla elementum.. Vestibulum hendrerit diam nunc, 
in tempus urna rhoncus faucibus.[/box][/bxitem]
[/bxslider]

results matching ""

    No results matching ""