Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


Recent Events
  • 31/12/2023 New Year SALE

    We are glad to announce New Year SALE. 25% discount for all our extensions. Use NY24 coupon code. Hurry up the discount is valid till 7 January.

  • 21/11/2023 BLACK FRIDAY 23 is coming

    BIG SALE, 35% discount for all our extensions. Use BF23 coupon code. Hurry up the discount is valid till 27 November.


2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?

Image does not show on SexyLightbox lite on Joomla
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: Image does not show on SexyLightbox lite on Joomla
#63342
Image does not show on SexyLightbox lite on Joomla 5 Years, 8 Months ago Karma: 0
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!
The administrator has disabled public write access.
 
#63343
Re:Image does not show on SexyLightbox lite on Joomla 5 Years, 8 Months ago Karma: 0
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.
The administrator has disabled public write access.
 
Go to topPage: 1