× Discussion about Hot Lightbox Joomla module.

Hot Lightbox not responsive after modifying

More
5 years 3 months ago #40397 by ilocom
Hi,

after modifying Hot Lightbox path for images, responsive behavior suddenly broke. I'd start all over again on localhost, but after changing any of settings in hot lightbox the responsive behavior dos not work anymore. Neither do the 'hover' css, nor showing the magnifier.png So i uninstall hot lightbox and download and install it again. Put the pictures in same size and same custom folder (images/gallery). Still no responsive behavior, no hover and no magnifier.png

Then I also re-installed one-page hotstart on localhost too.

I looked at layout.css and thats seems to be all right on the live-site & localhost-site. Did not change anything in css's myself.

Inspecting with FF on my live-site gives for #gallery (same settings as I'd modified in lightbox settings, but shown in index.php!) Inspecting demo site on localhost gives also div.row-4 #gallery in layout.css, which are right to be responsive (width 100%) I quess.

What can I do to make hot-lightbox responsive again after using my own pictures (and modifying path), remain the hover effect, and show the magnifier.png on hover.

By the way after installing on local site and/or modifying HotLightbox settings the script (within "module table") is also different (shorter) than on your live-demo site.

thanks in advance

www.ilocom.nl

Please Log in or Create an account to join the conversation.

More
5 years 3 months ago #40403 by ivan.milic
In settings widht should be set to 100%

Please Log in or Create an account to join the conversation.

More
5 years 3 months ago #40419 by ilocom
thank you for quick answer..

the width is allready set to 100% in div.row-4 #gallery in layout.css, but does not apply
in lightbox settings you can't use "%" only px. Keeping the settings empty in lightbox have no result, after saving, it's turning back to pre-installed settings or previous 'saved' settings.

what about: "What can I do to make hot-lightbox responsive again after using my own pictures (and modifying path), remain the hover effect, and show the magnifier.png on hover."?

according to demo-site this should be standard

Please Log in or Create an account to join the conversation.

More
5 years 3 months ago #40425 by ivan.milic
Add this to template_css.css:

#gallery{
max-width: 100%!important;
height: auto!important;
}

#jquery-lightbox,
#lightbox-container-image-box,
#lightbox-image,
#lightbox-container-image-data-box{
max-width:100%!important;
}

#lightbox-container-image-box{
height:auto!important;
}
The following user(s) said Thank You: ilocom

Please Log in or Create an account to join the conversation.

More
5 years 3 months ago #40430 by ilocom
that does it, thx

Please Log in or Create an account to join the conversation.

Moderators: milos
Time to create page: 0.134 seconds