Customising light box or gallery popup on Website

[#1]

This is a bit technical and relates to a Wordpress site I am designing

What I want to do sounds very simple but I am having no success in doing it

When you click on a thumbnail and the image pops up the background including the menu fades.
How do I control the degree of fade.

This is what it looks like

[#2]

No luck from Google?

Does the First Web Magazine article Create CSS popup with Lightbox effect provide any clues?

[#3]

it does - I need to alter the Z index I think

So unless there are more specific pointers I will need to go through the css code built in to the Wordpress Theme or Plugin

[#4]

Yes, I think the z index plays an important role in this.  I'm not sure if WordPress uses jQuery but blog jQuery: Grey out background and preview image as popup contains code and a working demo using this package.

[#5]

I think I understand what is happening now thanks

Having contacted the supplier of the gallery plugin it will be fixed in the next issue - they say - so I will wait and see

[#6]

Normally in these types of plugins there is some CSS applied to the body with a background colour and opacity. Are you able to locate the opacity in the plugin CSS and change it? You might be able to override the default behaviour unless it is done directly on the elements via javascript then it would be the plugin javascript file that needs to be changed...

[#7]

@Oldjim - As @jaread83 says you could override it in the mean time using jQuery, for example:

  $( "#ITEMS-INDEX-VALUE" ).fadeTo( "slow" , 0.5, function() {});

You (or anyone) can try this using the browser's debugger, just find an element with an id= and use it to replace ITEMS-INDEX-VALUE above and press enter.

[#8 · Accepted solution]

Problem fixed with plugin updated version - thanks for the suggestions

The transparency setting now works as it should