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

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close