image resizing help.

hi - I've used the default template for nopcommerce.

the site is www.isellbranded.com

when you click on any of the additional images of a product, the screen goes dark and enlarges the new image, how do I prevent the screen from getting dark - or some alternative way to display the picture.

I think it's called the lighthouse effect - remove it.

in app_themes/YOURTHEME/

find and open
style.css

search for

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

  SLIM BOX (PRODUCT IMAGES)

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

all the css for the lightbox is here - i think maybe the simplest thing to try is to change the background to white ie

#lbOverlay
{
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  cursor: pointer;
}