Thumbs not vertical centered

Hi,

It seems you added some custom CSS to the old galleries using your styles.css file. The custom CSS is below and can be found starting on line 396:

.fbx-link {
    width: 200px;
    height: 200px;
    position: relative;
    text-align: center;
}

.fbx-link img {
    max-width: 200px;
    max-height: 200px;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

Unfortunately you used a FooBox CSS class, .fbx-link, to apply the custom style to your old galleries by having the lightbox option set to FooBox. Your new galleries do not have a lightbox attached to them and so the CSS is not being applied.

I see two ways to resolve this;

1. Set the lightbox on the new galleries to FooBox as well, or…
2. Change the custom CSS selector to target the items using FooGallery specific CSS classes. This means it will be applied regardless of the attached lightbox.

If you decide to try #2 above you could simply change .fbx-link in your custom CSS to instead be .foogallery-default > a. Your custom CSS would then become:

.foogallery-default > a {
    width: 200px;
    height: 200px;
    position: relative;
    text-align: center;
}

.foogallery-default > a > img {
    max-width: 200px;
    max-height: 200px;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

Thanks
Steve

Hi Steve

thank you for your quick reply – I will give the css a try… but why does this gallery not have Lightbox?? I can’t choose this option on any of the galleries, but it still works on all galleries made previously? In fact a even bigger problem!

Hi,

I just double checked myself and you are correct, the option to select a lightbox no longer seems to be available for the Responsive Album Layout however it does reappear for the All-In-One album. I’ll look into this and chat with our PHP developer to see how/why it has disappeared and get back to you.

Thanks
Steve

Hi Steve

Any news about this problem?

all the best

Jorgen