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]