Shortcodes

Shortcodes

Lightbox Examples

Add lightbox popups for images. You can add images, Youtube videos, and Vimeo – even inline content.
[one_fourth][lightbox link=”wp-content/themes/extranews/images/sample2-700×325.png”]

Image

[/lightbox][/one_fourth] [one_fourth][lightbox link=”http://www.youtube.com/watch?v=Ju10iud1kWQ”]

Youtube

[/lightbox] [/one_fourth] [one_fourth] [lightbox link=”http://vimeo.com/27495689″]

Vimeo

[/lightbox] [/one_fourth] [one_fourth_last] [lightbox link=”#inline-test”]

Inline Content

[/lightbox] [/one_fourth_last] [divider]Slider[/divider] [slider crop=”yes” slide1=”wp-content/themes/extranews/images/sample2-700×325.png” slide2=”wp-content/themes/extranews/images/sample1-700×325.png”][/slider]

 

[divider]Buttons[/divider]

Button Shortcodes

Create buttons. Different preset sizes, custom colors and more. All with the touch of a button.

[button link=”#” variation=”dark” size=”small” target=”self”]Small Button[/button]   [button link=”#” variation=”dark” size=”medium” target=”self”]Medium Button[/button]   [button link=”#” variation=”dark” size=”large” target=”self”]Large Button[/button]   [button link=”#” variation=”dark” size=”huge” target=”self”]Huge Button[/button] [one_half]

Preset Button Colors

[button link=”#” color=”red” size=”small” target=”self”]Red Button[/button]   [button link=”#” color=”orange” size=”small” target=”self”]Orange Button[/button]   [button link=”#” color=”yellow” size=”small” target=”self”]Yellow Button[/button]   [button link=”#” color=”green” size=”small” target=”self”]Green Button[/button]   [button link=”#” color=”blue” size=”small” target=”self”]Blue Button[/button]    [button link=”#” color=”purple” size=”small” target=”self”]Purple Button[/button] [/one_half] [one_half_last]

Custom Button Colors

[button link=”#” background=”#BF6E9B” size=”small” target=”self”]#BF6E9B[/button]   [button link=”#”  background=”#8ACE5C” size=”small” target=”self”]#8ACE5C[/button]   [button link=”#”  background=”#d2d65a” size=”small” target=”self”]#d2d65a[/button]   [button link=”#”  background=”#20D0AB” size=”small” target=”self”]#20D0AB[/button]   [button link=”#”  background=”#C60108″ size=”small” target=”self”]#C60108[/button]  [/one_half_last] [divider]Tabs[/divider] [tabs tab1=”Web” tab2=”Graphics” tab3=”Laundry”] [tab]

Websites Done Right

Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante.[/tab] [tab]

Better Graphics, Better Results

Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris eleifend est et turpis. Duis id erat. [/tab] [tab]

Super Soft Laundry

Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem.[/tab] [/tabs] [divider]Even These Dividers are Shortcodes[/divider]

Column Shortcodes

Full Width

Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque.

[one_half]

One Half Shortcode

Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

[/one_half] [one_half_last]

One Half Shortcode

Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

[/one_half_last] [one_third]

One Third Shortcode

Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante.

[/one_third] [one_third]

One Third Shortcode

Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante.

[/one_third] [one_third_last]

One Third Shortcode

Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante.

[/one_third_last] [one_fourth]

One Fourth Shortcode

Mauris eleifend est et turpis. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante.

[/one_fourth] [one_fourth]

One Fourth Shortcode

Mauris eleifend est et turpis.  Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante.

[/one_fourth] [one_fourth]

One Fourth Shortcode

Mauris eleifend est et turpis. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante.

[/one_fourth] [one_fourth_last]

One Fourth Shortcode

Mauris eleifend est et turpis. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante.

[/one_fourth_last] [one_fifth]

One Fifth Shortcode

Mauris eleifend est et turpis. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat.

[/one_fifth] [one_fifth]

One Fifth Shortcode

Mauris eleifend est et turpis. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat.

[/one_fifth] [one_fifth]

One Fifth Shortcode

Mauris eleifend est et turpis. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat.

[/one_fifth] [one_fifth]

One Fifth Shortcode

Mauris eleifend est et turpis. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat.

[/one_fifth] [one_fifth_last]

One Fifth Shortcode

Mauris eleifend est et turpis. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat.

[/one_fifth_last] [one_sixth]

One Sixth Shortcode

Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat.

[/one_sixth] [one_sixth]

One Sixth Shortcode

Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat.

[/one_sixth] [one_sixth]

One Sixth Shortcode

Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat.

[/one_sixth] [one_sixth]

One Sixth Shortcode

Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat.

[/one_sixth] [one_sixth]

One Sixth Shortcode

Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat.

[/one_sixth] [one_sixth_last]

One Sixth Shortcode

Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat.

[/one_sixth_last]

BCA Bali Run 2017