Keyword

plugin overlay problems in firefox only, other mudules showing infront of photos

  • JustinS
  • JustinS's Avatar Topic Author
  • Offline
  • New Member
More
15 years 10 months ago #31067 by JustinS
i have this issue with my site and when viewed in firefox, all other browsers are fine..

when you click an image in my photo gallery and a lightbox is opened, there are other overlays/modules that appear infront of this image..

I changed templates and still the same problem, i installed latest lighbox version, downloaded the latest version of the simple gallery plugin.. and i cant resulve this issue..

You can view the problem here.. www.happyhooker-fishing.com/photo-gallery-7.html

it is fine in internet explorer, any help would be appreciated.. thanks, Justin

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

More
15 years 10 months ago #31068 by Katia
This is a css conflict... Photos inherit this background style.
element.style {
background:transparent url(http://www.happyhooker-fishing.com/modules/mod_beinvolved/images/facebook.png) no-repeat scroll right top !important;
cursor:pointer;
display:block;
height:100px;
position:absolute;
right:0;
text-decoration:none;
text-indent:-999em;
top:0;
width:100px;
z-index:99999;
}

I would suggest you to set background:none;

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

More
14 years 9 months ago #31069 by calseven
Hi there,

I'm facing a same problem with overlay in Firefox. IE is fine.

bilitrainforestlodge.com/index.php?option=com_content&view=article&id=59&Itemid=70

If you click next and mouseover outside area - an image is overlaying in front of the lightbox image. I suspect is the background image.

How & where should I edit the css? I don't know which file.

Please help.

Thanks.

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

More
14 years 9 months ago - 14 years 9 months ago #31070 by Katia
Change this:
This is a css conflict with your template. 
To override it, just go to plugins/content/plugin_jw_sig/sig.css folder at line 15 and change this: 

#lbPrevLink, #lbNextLink {
    display: block;
    outline: medium none;
    position: absolute;
    top: 0;
    width: 50%;
}

with this:
#lbPrevLink, #lbNextLink {
    background: none repeat scroll 0 0 transparent;
    display: block;
    outline: medium none;
    position: absolute;
    top: 0;
    width: 50%;
}

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

More
14 years 9 months ago #31071 by calseven
Thank you so much Katie!

You solved my doubt!

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


Powered by Kunena Forum