Lightbox Ultimate – Grid layout not straight for gallery of images

[zhonghao]

I have just purchased the latest WP Lightbox Ultimate and am trying to use it on a page with a ‘Gallery / Grid” of images which when clicked will open in a lightbox and play the relevant video. The images, video and lightbox work fine but I can’t get the layout correct. I would like to get a simple grid like layout with the images lined up vertically and horizontally but no matter what I’ve tried the first 4 images come out staggered whilst the remaining 4 are lined up as they are supposed to be. Please find below the following code I currently have input into the post :

[wp_lightbox_ultimate_fancy_gallery class=”lightbox_fancy_grid_view_gallery_200x200″]

[wp_lightbox_prettyPhoto_flash_video link=”http://player.youku.com/player.php/sid/XNjg3MzQxMTY4/v.swf” width=”640″ height=”480″ description=”Intro to Core Suspension on Pilates Cadillac” source=”http://bodyworksasia.cn/wp-content/uploads/2014/03/Core-Suspension-Intro.jpg” title=”Intro to Core Suspension” Class=”lightbox_img_frame_fancy2″]

[wp_lightbox_prettyPhoto_flash_video link=”http://player.youku.com/player.php/sid/XNjg3MzU0MzY4/v.swf” width=”640″ height=”480″ description=”Butterfly Flaps its Wings” source=”http://bodyworksasia.cn/wp-content/uploads/2014/03/Butterfly-Flaps-its-Wings.jpg” title=”Butterfly Flaps its Wings” Class=”lightbox_img_frame_fancy2″]

[wp_lightbox_prettyPhoto_flash_video link=”http://player.youku.com/player.php/sid/XNjg3MzU3MjE2/v.swf” width=”640″ height=”480″ description=”Crow” source=”http://bodyworksasia.cn/wp-content/uploads/2014/03/Crow.jpg” title=”Crow” Class=”lightbox_img_frame_fancy2″]

[wp_lightbox_prettyPhoto_flash_video link=”http://player.youku.com/player.php/sid/XNjg3MzU2NDEy/v.swf” width=”640″ height=”480″ description=”Cat Cow” source=”http://bodyworksasia.cn/wp-content/uploads/2014/03/Cat-Cow.jpg” title=”Cat Cow” Class=”lightbox_img_frame_fancy2″]

[wp_lightbox_prettyPhoto_flash_video link=”http://player.youku.com/player.php/sid/XNjg3MzU5MTYw/v.swf” width=”640″ height=”480″ description=”Down Dog” source=”http://bodyworksasia.cn/wp-content/uploads/2014/03/Down-Dog.jpg” title=”Down Dog” Class=”lightbox_img_frame_fancy2″]

[wp_lightbox_prettyPhoto_flash_video link=”http://player.youku.com/player.php/sid/XNjg3MzYwMTA4/v.swf” width=”640″ height=”480″ description=”Flyes” source=”http://bodyworksasia.cn/wp-content/uploads/2014/03/Flyes-in-Plank.jpg” title=”Flyes” Class=”lightbox_img_frame_fancy2″]

[wp_lightbox_prettyPhoto_flash_video link=”http://player.youku.com/player.php/sid/XNjg3MzYyODM2/v.swf” width=”640″ height=”480″ description=”Front Split Series” source=”http://bodyworksasia.cn/wp-content/uploads/2014/03/Front-Split-Series.jpg” title=”Front Split Series” Class=”lightbox_img_frame_fancy2″]

[wp_lightbox_prettyPhoto_flash_video link=”http://player.youku.com/player.php/sid/XNjg3MzY0ODY0/v.swf” width=”640″ height=”480″ description=”Push Up Series” source=”http://bodyworksasia.cn/wp-content/uploads/2014/03/Push-Up-Series.jpg” title=”Push Up Series” Class=”lightbox_img_frame_fancy2″]

[/wp_lightbox_ultimate_fancy_gallery]

I also tried changing the Class=”lightbox_img_frame_fancy2 to Class=”lightbox_img_frame_fancy1 but got exactly the same result.

I would really appreciate any help for this – the web page in question is located at : [http://bodyworksasia.cn/youku]

Regards – Richard

[wpCommerce]

Hi, we will need to take a closer look at your site to see what is happening. I have sent an email to your registered email address for site access. Let me know if you don’t receive it.

[Author]

Posts