Left Alignment

Whatch how this site looks when is left aligned.

Left Alignment Page
Click to watch a video lightbox

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

Video Lightbox
Click to watch a video lightbox

Whatch how this site looks when is right aligned.

Right Alignment Page
Whatch our 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” !!!
Whatch our gallery
I want you …

First step when you’ll use fit boxes is to create a container with this class attribute (“isotope_shortcode 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 “isotope_shortcode 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.

+
Get the code
[div class_attr="isotope_shortcode isotope"] [isotope_element location="image_src" type="one_fourth" title="Left Alignment" lightbox="true" group="girls" icon="zoom"] <p>Whatch how this site looks when is left aligned.</p> [button link="/uptodate/features/site-alignment/page-on-left" link_target="_blank" title="Left Alignment" size="small" full="true"]Left Alignment Page[/button] [/isotope_element] [isotope_element location="image_src" type="one_fourth" title="Powerful Shortcodes" lightbox="true" group="girls" icon="zoom"][/isotope_element] [isotope_element location="image_src" type="one_fourth" title="Click to watch a video lightbox" lightbox="true" group="girls" icon="play" link="http://www.youtube.com/watch?v=KlR2fcObC5E"][/isotope_element] [isotope_element location="image_src" type="one_fourth" title="Click to watch a video lightbox" lightbox="true" group="girls" icon="play" link="http://vimeo.com/21103764"][/isotope_element] [isotope_element location="image_src" type="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"] <p>You can launch an image/video lightbox from nearly anywhere...</p> [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[/button] [/isotope_element] [isotope_element location="image_src" type="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/"] <p>Whatch how this site looks when is right aligned.</p> [button link="/uptodate/features/site-alignment/page-on-right" link_target="_blank" title="Right Alignment" size="small" full="true"]Right Alignment Page[/button] [/isotope_element] [isotope_element location="image_src" type="one_fourth" title="Watch our portfolio" icon="doc" link="/uptodate/portfolios/sortable/portfolio-4-columns"][/isotope_element] [isotope_element location="image_src" type="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" !!! [/isotope_element] [isotope_element location="image_src" type="one_fourth" title="Whatch our gallery" icon="link" link="/uptodate/galleries/gallery-4-columns"] I want you ... [/isotope_element] [isotope_element location="image_src" type="one_fourth" title="Contact Us" icon="link" link="/uptodate/contact"][/isotope_element] [isotope_element location="image_src" type="one_fourth" title="Lightbox Image" lightbox="true" group="girls" icon="zoom"][/isotope_element] [isotope_element location="image_src" type="one_fourth" title="Lightbox Image" lightbox="true" group="girls" icon="zoom"][/isotope_element] [isotope_element location="image_src" type="one_fourth" title="Lightbox Image" lightbox="true" group="girls" icon="zoom"][/isotope_element] [isotope_element location="image_src" type="one_fourth" title="Lightbox Image" lightbox="true" group="girls" icon="zoom"][/isotope_element] [isotope_element location="image_src" type="one_fourth" title="Lightbox Image" lightbox="true" group="girls" icon="zoom"][/isotope_element] [/div]