Lightbox Ultimate – Fancy Gallery Not Centering Thumbnails in WP Page

[goodlookingfilms]

Hi. I’ve got my gallery working, but I can’t seem to get the thumbnails to center on the page. I’ve tried putting them in a div tag, and I’ve tried making a one cell table that was centering content, and nothings working. The link to my page is:

[http://goodlookingfilms.com/wp/?page_id=37]

Right now I’ve got the same four thumbnails in there as samples. What am I missing?

Thanks for any help.

Steve.

[goodlookingfilms]

I made some progress on my own question, but it seems a bit clunky. Seems like the code: <div style=”text-align:center;float:left”> does not center the middle image. It is totally dependent on the thumbnail size. I’d like to use smaller thumbs but then the spacing is even worse. I’m sure there is something basic I’m missing but I’m new and trying really hard. Thanks for any advice. here is my code as it exists now.

[wp_lightbox_ultimate_fancy_gallery class=”lightbox_fancy_grid_view_gallery”]

<div style=”text-align:left;float:left;”>

[wp_lightbox_fancybox_vimeo_video link=”http://vimeo.com/63773057&#8243; title=”Storyhill” source=”http://goodlookingfilms.com/wp/wp-content/uploads/2013/05/forensics-thumbnail-240.gif&#8221; title=”This is the title” class=”lightbox_img_frame_fancy1″]

</div>

<div style=”text-align:center;float:center”>

[wp_lightbox_fancybox_vimeo_video link=”http://vimeo.com/63773057&#8243; title=”Storyhill” source=”http://goodlookingfilms.com/wp/wp-content/uploads/2013/05/forensics-thumbnail-240.gif&#8221; class=”lightbox_img_frame_fancy1″]

</div>

<div style=”text-align:right;float:right;”>

[wp_lightbox_fancybox_vimeo_video link=”http://vimeo.com/63773057&#8243; title=”Storyhill” source=”http://goodlookingfilms.com/wp/wp-content/uploads/2013/05/forensics-thumbnail-240.gif&#8221; class=”lightbox_img_frame_fancy1″]

</div>

[/wp_lightbox_ultimate_fancy_gallery]

[wpCommerce]

Hi, I’m not sure why you are floating each shortcode in a different inline div. The [wp_lightbox_ultimate_fancy_gallery][/wp_lightbox_ultimate_fancy_gallery] block should be able to float each image fine.

As for the alignment, are you trying to center one image and align the other two to the left and right?

[goodlookingfilms]

I’m just trying to center the whole gallery, but the gallery aligns the whole thing to the left unless I try some messy code. I’m don’t have a deep understanding of html, so I’m sure I’m missing something, but I can’t seem to get it to center the whole gallery on the page on it’s own. I just redid the thumbs a bit smaller and you can see the effect here. [http://goodlookingfilms.com/wp/?page_id=37]

The code I’m using to get that is:

[wp_lightbox_ultimate_fancy_gallery class=”lightbox_fancy_grid_view_gallery”]

[wp_lightbox_fancybox_vimeo_video link=”http://vimeo.com/63773057&#8243; title=”Storyhill” source=”http://goodlookingfilms.com/wp/wp-content/uploads/2013/05/storyhill-H-200.gif&#8221; title=”This is the title” class=”lightbox_img_frame_fancy1″] [wp_lightbox_fancybox_vimeo_video link=”http://vimeo.com/63773057&#8243; title=”Storyhill” source=”http://goodlookingfilms.com/wp/wp-content/uploads/2013/05/storyhill-H-200.gif&#8221; class=”lightbox_img_frame_fancy1″][wp_lightbox_fancybox_vimeo_video link=”http://vimeo.com/63773057&#8243; title=”Storyhill” source=”http://goodlookingfilms.com/wp/wp-content/uploads/2013/05/storyhill-H-200.gif&#8221; class=”lightbox_img_frame_fancy1″]

[/wp_lightbox_ultimate_fancy_gallery]

The gallery on it’s own leaves everything left justified. And I need it all centered.

Thanks again for any guidance you can offer. Steve

[wpCommerce]

Hi, please open the wp_lightbox_ultimate_custom.css file and add the following piece of code (It’s in the root directory of Lightbox Ultimate plugin):

.lightbox_fancy_grid_view_gallery{

margin-left: auto;

margin-right: auto;

width: 700px;

}

[goodlookingfilms]

That worked a charm. Thank you Thank you Thank you. For my learning purposes, is that something I missed, or is that not normally in the .css file? You guys rock. Thanks again.

[wpCommerce]

Hi, css classes used in the fancy display options are already defined in the plugin. But you can override the attributes of an existing class in the custom css file or add your own css to it.

[Author]

Posts