Hi all!

I had a problem which was quite complicated to solve: Using Joomla 3.1.5 with ARI Cloud Carousel and Sexy Lightbox Lite, the images when opening the lightbox were shown for years. Suddenly, they disappeared on Google Chrome and Firefox, whereas on Safari the images were still shown.

After many experiments with the browser developer tools, I found out that the problem was that the div tag "SLB-Contenedor" has as position the css value "absolute", just like a number of other SLB tags. When changing it to "relative", it worked.

So the trick was now to find out which file had to be edited, as I could not use the GUI and CSS of Joomla to override this value. What I finally found after a long journey was this file:

/plugins/content/arisexylightboxlite/arisexylightboxlite/js/sexylightbox.css

There, I had to edit:

... #SLB-Wrapper #SLB-Bottom.SLB-bbnav #SLB-BottomRight{background-position:100% 100%;} #SLB-Wrapper #SLB-Contenedor{position:relative;} #SLB-Contenido{border-left:7px solid #000;border-right:7px solid #000;position:relative;} ...

Note that
#SLB-Wrapper #SLB-Contenedor{position:relative;}
is new, it was not in the file before.

After adding this new value, it worked again. However, on some browsers you might have to clear the cache beforehand!

Hope this helps somebody, took me hours!

Have fun!

As I cannot edit the post, here an important add-on: turned out that this is only half the success story. So what you need to do, is to do the following:

#SLB-Wrapper #SLB-Contenedor{position:relative !important;}

Using this property in combination with !important, leads to ignoring the element entries in the div tag. These element entries are edited in

jquery.sexylightbox.min.js

and during my many experiments I changed here something (replaced an "absolute" value by "relative" - The problem is then, that the shadow in the background covering the whole screen is only covering the bottom of the screen. So do not do this! Leave jquery.sexylightbox.min.js as it is).

This is where I found the trick - remember to clear browser's cache.

css-tricks.com/override-inline-styles-with-css/

Works now on Firefox, Chrome and Safari.