Home / Shortcodes / Boxes / Fit Boxes

Fit Boxes

[div class_attr=”wt_isotope_shortcode wt_isotope row”] [wt_isotope_element location=”http://xml.whoathemes.net/coruscate/wp-content/uploads/2013/12/3704.jpg” type=”wt_one_fourth” title=”Left Alignment” lightbox=”true” group=”girls” icon=”zoom”]

Whatch how this site looks when is left aligned.

[wt_button link=”#” link_target=”_blank” title=”Left Alignment” size=”small” full=”true”]Left Alignment Page[/wt_button] [/wt_isotope_element] [wt_isotope_element location=”http://xml.whoathemes.net/coruscate/wp-content/uploads/2014/04/4.jpg” type=”wt_one_fourth” title=”Powerful Shortcodes” lightbox=”true” group=”girls” icon=”zoom”][/wt_isotope_element] [wt_isotope_element location=”http://xml.whoathemes.net/coruscate/wp-content/uploads/2013/12/4539.jpg” type=”wt_one_fourth” title=”Click to watch a video lightbox” lightbox=”true” group=”girls” icon=”play” link=”http://www.youtube.com/watch?v=KlR2fcObC5E”][/wt_isotope_element] [wt_isotope_element location=”http://xml.whoathemes.net/coruscate/wp-content/uploads/2014/04/1.jpg” type=”wt_one_fourth” title=”Click to watch a video lightbox” lightbox=”true” group=”girls” icon=”play” link=”http://vimeo.com/21103764″][/wt_isotope_element] [wt_isotope_element location=”http://xml.whoathemes.net/coruscate/wp-content/uploads/2013/12/4563.jpg” type=”wt_one_fourth” title=”Click to watch a video lightbox” lightbox=”true” group=”girls” icon=”play” link=”http://www.dailymotion.com/video/xmx9st_dream-cars_auto”]

You can launch an image/video lightbox from nearly anywhere…

[wt_button link=”http://www.dailymotion.com/video/xwbkjw_stand-up-paddle-slowmotion-video_sport” title=”Video Lightbox” size=”medium” full=”true” lightbox=”true”]Video Lightbox[/wt_button] [/wt_isotope_element] [wt_isotope_element location=”http://xml.whoathemes.net/coruscate/wp-content/uploads/2014/04/2.jpg” type=”wt_one_fourth” title=”Click to watch a video lightbox” lightbox=”true” group=”girls” icon=”play” link=”http://www.metacafe.com/watch/yt-jrxgTXfiA4k/mtb_mountainbike_freeride_mix_in_hd/”]

Whatch how this site looks when is right aligned.

[wt_button link=”/uptodate/features/site-alignment/page-on-right” link_target=”_blank” title=”Right Alignment” size=”small” full=”true”]Right Alignment Page[/wt_button] [/wt_isotope_element] [wt_isotope_element location=”http://xml.whoathemes.net/coruscate/wp-content/uploads/2013/12/3725-1.jpg” type=”wt_one_fourth” title=”Watch our portfolio” icon=”doc” link=”/coruscate/portfolios/sortable/portfolio-4-columns”][/wt_isotope_element] [wt_isotope_element location=”http://xml.whoathemes.net/coruscate/wp-content/uploads/2014/04/4.jpg” type=”wt_one_fourth” title=”Whatch our blog” icon=”doc” link=”/uptodate/blog”] Now you can build a page in seconds due to “UpToDate” variety of features, shortcodes and widgets. All the pages from this live demo are built using them. Enjoy “UpToDate” !!!
[/wt_isotope_element] [wt_isotope_element location=”http://xml.whoathemes.net/coruscate/wp-content/uploads/2014/04/3.jpg” type=”wt_one_fourth” title=”Whatch our gallery” icon=”link” link=”/uptodate/galleries/gallery-4-columns”] I want you …
[/wt_isotope_element] [wt_isotope_element location=”http://xml.whoathemes.net/coruscate/wp-content/uploads/2013/12/3725-1.jpg” type=”wt_one_fourth” title=”Contact Us” icon=”link” link=”/uptodate/contact”][/wt_isotope_element] [wt_isotope_element location=”http://xml.whoathemes.net/coruscate/wp-content/uploads/2013/04/0742.jpg” type=”wt_one_fourth” title=”Lightbox Image” lightbox=”true” group=”girls” icon=”zoom”][/wt_isotope_element] [wt_isotope_element location=”http://xml.whoathemes.net/coruscate/wp-content/uploads/2013/05/0652.jpg” type=”wt_one_fourth” title=”Lightbox Image” lightbox=”true” group=”girls” icon=”zoom”][/wt_isotope_element] [wt_isotope_element location=”http://xml.whoathemes.net/coruscate/wp-content/uploads/2013/07/0403.jpg” type=”wt_one_fourth” title=”Lightbox Image” lightbox=”true” group=”girls” icon=”zoom”][/wt_isotope_element] [wt_isotope_element location=”http://xml.whoathemes.net/coruscate/wp-content/uploads/2013/07/0409.jpg” type=”wt_one_fourth” title=”Lightbox Image” lightbox=”true” group=”girls” icon=”zoom”][/wt_isotope_element] [wt_isotope_element location=”http://xml.whoathemes.net/coruscate/wp-content/uploads/2012/03/1732.jpg” type=”wt_one_fourth” title=”Lightbox Image” lightbox=”true” group=”girls” icon=”zoom”][/wt_isotope_element] [/div]

First step when you’ll use fit boxes is to create a container with this class attribute (“wt_isotope_shortcode wt_isotope“). If there is no container with this class then the isotop shortcode won’t work. It’s very easy to create a container… Just go to shortcode generator, choose tag shortcode and type in the class field the word “wt_isotope_shortcode wt_isotope“. Send it to editor and that’s it. Now you can add box elements with isotop shortcode. You can add as many elements as you want.

[wt_minimal_toggle title=”Get the code”] [code] [div class_attr=”wt_isotope_shortcode wt_isotope”] [wt_isotope_element location=”image_src” type=”wt_one_fourth” title=”Left Alignment” lightbox=”true” group=”girls” icon=”zoom”]

Whatch how this site looks when is left aligned.

[wt_button link=”/uptodate/features/site-alignment/page-on-left” link_target=”_blank” title=”Left Alignment” size=”small” full=”true”]Left Alignment Page[/wt_button] [/wt_isotope_element] [wt_isotope_element location=”image_src” type=”wt_one_fourth” title=”Powerful Shortcodes” lightbox=”true” group=”girls” icon=”zoom”][/wt_isotope_element] [wt_isotope_element location=”image_src” type=”wt_one_fourth” title=”Click to watch a video lightbox” lightbox=”true” group=”girls” icon=”play” link=”http://www.youtube.com/watch?v=KlR2fcObC5E”][/wt_isotope_element] [wt_isotope_element location=”image_src” type=”wt_one_fourth” title=”Click to watch a video lightbox” lightbox=”true” group=”girls” icon=”play” link=”http://vimeo.com/21103764″][/wt_isotope_element] [wt_isotope_element location=”image_src” type=”wt_one_fourth” title=”Click to watch a video lightbox” lightbox=”true” group=”girls” icon=”play” link=”http://www.dailymotion.com/video/xmx9st_dream-cars_auto”]

You can launch an image/video lightbox from nearly anywhere…

[wt_button link=”http://www.dailymotion.com/video/xwbkjw_stand-up-paddle-slowmotion-video_sport” title=”Video Lightbox” size=”medium” full=”true” lightbox=”true”]Video Lightbox[/wt_button] [/wt_isotope_element] [wt_isotope_element location=”image_src” type=”wt_one_fourth” title=”Click to watch a video lightbox” lightbox=”true” group=”girls” icon=”play” link=”http://www.metacafe.com/watch/yt-jrxgTXfiA4k/mtb_mountainbike_freeride_mix_in_hd/”]

Whatch how this site looks when is right aligned.

[wt_button link=”/uptodate/features/site-alignment/page-on-right” link_target=”_blank” title=”Right Alignment” size=”small” full=”true”]Right Alignment Page[/wt_button] [/wt_isotope_element] [wt_isotope_element location=”image_src” type=”wt_one_fourth” title=”Watch our portfolio” icon=”doc” link=”/uptodate/portfolios/sortable/portfolio-4-columns”][/wt_isotope_element] [wt_isotope_element location=”image_src” type=”wt_one_fourth” title=”Whatch our blog” icon=”doc” link=”/uptodate/blog”] Now you can build a page in seconds due to “UpToDate” variety of features, shortcodes and widgets. All the pages from this live demo are built using them. Enjoy “UpToDate” !!!
[/wt_isotope_element] [wt_isotope_element location=”image_src” type=”wt_one_fourth” title=”Whatch our gallery” icon=”link” link=”/uptodate/galleries/gallery-4-columns”] I want you …
[/wt_isotope_element] [wt_isotope_element location=”image_src” type=”wt_one_fourth” title=”Contact Us” icon=”link” link=”/uptodate/contact”][/wt_isotope_element] [wt_isotope_element location=”image_src” type=”wt_one_fourth” title=”Lightbox Image” lightbox=”true” group=”girls” icon=”zoom”][/wt_isotope_element] [wt_isotope_element location=”image_src” type=”wt_one_fourth” title=”Lightbox Image” lightbox=”true” group=”girls” icon=”zoom”][/wt_isotope_element] [wt_isotope_element location=”image_src” type=”wt_one_fourth” title=”Lightbox Image” lightbox=”true” group=”girls” icon=”zoom”][/wt_isotope_element] [wt_isotope_element location=”image_src” type=”wt_one_fourth” title=”Lightbox Image” lightbox=”true” group=”girls” icon=”zoom”][/wt_isotope_element] [wt_isotope_element location=”image_src” type=”wt_one_fourth” title=”Lightbox Image” lightbox=”true” group=”girls” icon=”zoom”][/wt_isotope_element] [/div] [/code] [/wt_minimal_toggle]

Leave a Reply

Your email address will not be published. Required fields are marked *

*

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Scroll To Top