Light Box ultimate fancy gallery fancy grid view issue

[bhendrix]

I can’t seem to get the grid to display … no errors, but the images only go down the left side of the page . I don’t see what I’m doing wrong , I followed the docs , searched the forum, but still no joy …probably something I’m over looking , but I can’t find it .

Web Page = [http://rjfelite.hotpressmarketing.com/manager-training/]

WP version = 3.8.1

Plugin Version = 2.0.9

[wp_lightbox_ultimate_fancy_gallery class=”lightbox_fancy_grid_view_gallery_125x125″]

<p style=”text-align: left;”>[wp_lightbox_fancybox_youtube_video link=”http://www.youtube.com/watch?v=_AW7GUpTGQo&#8221; title=”Craigs List Advertising” source=”http://rjfelite.hotpressmarketing.com/wp-content/uploads/craigslist2-150×150.jpg&#8221; alt=”craigslist2″ width=”150″ height=”150″” class=”lightbox_img_frame_fancy1″]</p>

<p style=”text-align: left;”>[wp_lightbox_fancybox_youtube_video link=”http://www.youtube.com/watch?v=_AW7GUpTGQo&#8221; title=”Craigs List Advertising” source=”http://rjfelite.hotpressmarketing.com/wp-content/uploads/craigslist2-150×150.jpg&#8221; alt=”craigslist2″ width=”150″ height=”150″” class=”lightbox_img_frame_fancy1″]</p>

<p style=”text-align: left;”>[wp_lightbox_fancybox_youtube_video link=”http://www.youtube.com/watch?v=_AW7GUpTGQo&#8221; title=”Craigs List Advertising” source=”http://rjfelite.hotpressmarketing.com/wp-content/uploads/craigslist2-150×150.jpg&#8221; alt=”craigslist2″ width=”150″ height=”150″” class=”lightbox_img_frame_fancy1″]</p>

[/wp_lightbox_ultimate_fancy_gallery]

[mbrsolution]

Hi bhendrix, try the following as you see below. Notice that I have removed all the html tags you have added above.

[wp_lightbox_ultimate_fancy_gallery class=”lightbox_fancy_grid_view_gallery_125x125″]

[wp_lightbox_fancybox_youtube_video link=”http://www.youtube.com/watch?v=_AW7GUpTGQo&#8221; title=”Craigs List Advertising” source=”http://rjfelite.hotpressmarketing.com/wp-content/uploads/craigslist2-150×150.jpg&#8221; alt=”craigslist2″ width=”150″ height=”150″” class=”lightbox_img_frame_fancy1″]

[wp_lightbox_fancybox_youtube_video link=”http://www.youtube.com/watch?v=_AW7GUpTGQo&#8221; title=”Craigs List Advertising” source=”http://rjfelite.hotpressmarketing.com/wp-content/uploads/craigslist2-150×150.jpg&#8221; alt=”craigslist2″ width=”150″ height=”150″” class=”lightbox_img_frame_fancy1″]

[wp_lightbox_fancybox_youtube_video link=”http://www.youtube.com/watch?v=_AW7GUpTGQo&#8221; title=”Craigs List Advertising” source=”http://rjfelite.hotpressmarketing.com/wp-content/uploads/craigslist2-150×150.jpg&#8221; alt=”craigslist2″ width=”150″ height=”150″” class=”lightbox_img_frame_fancy1″]

[/wp_lightbox_ultimate_fancy_gallery]

Let us know if the above helps you.

Kind regards

[bhendrix]

Same result , images lined up down the left side of page .

[http://rjfelite.hotpressmarketing.com/new-test/]

Please help , I want to use the grid .

[wpCommerce]

@bhendrix, 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.

[wpCommerce]

It turned out to be a theme CSS issue. The theme had a CSS class defined called “alignnone” which was preventing the images from floating:

.alignnone {

margin: 5px 20px 20px 0;

display: block;

clear: both;

}

We did the following to get around this issue:

1) Installed the Custom CSS plugin:

http://www.tipsandtricks-hq.com/wordpress-custom-css-plugin-6413

2) Added the following CSS code to override the theme CSS:

img.alignnone{

clear: none;

}

That seemed to have fixed the issue.

Please note that WordPress automatically applies a “alignnone” class to every image by default. So ideally a theme or plugin should avoid that name and not override the attribute.

[Author]

Posts