When viewing the ligthtbox it is very obvious the right border around the image is smaller then the other borders. I have tried to fix this using the skin interface but this does not fix the problem. As far as I can see the styles that are responsible for these borders are inline styles generated from the input form the lightbox2 interface.

Overriding this using the stylesheet does not work.

I checked this on Firefox and IE6 and I'm using it on sitename but the same thing happends on a different project.

I couldn't find anything about this so I'm wondering if this could be fixed?

Comments

stella’s picture

stella commented
Category: bug » support
Status: Active » Fixed

Your theme is interfering with the lightbox display, which is putting the image off-center. Your theme's style.css file has the following rule:

#body-container  a img, img {
	margin-right:10px;
	margin-bottom:10px;
	padding:2px;
	border:#FFFFFF solid 2px; 
	}

To counter-act this you need to add an additional rule like:

#lightboxImage {
  padding: 0px;
  margin: 0px;
  border: none;
}

Cheers,
Stella

danon1981’s picture

danon1981 commented

Thanks Stella!

Completely forgot to check if my theme was messing it up!
Thanks for the lightbox2 module by the way!

Cheers,
David

Status: Fixed » Closed (fixed)
Issue tags: -theming, -lightbox2, -skin, -bordersize

Automatically closed -- issue fixed for 2 weeks with no activity.

danon1981’s picture

danon1981 commented
Issue summary: View changes

removed sitelink

Issue tags: +theming, +lightbox2, +skin, +bordersize

Restoring issue tags, see #2125755: System messages removed all issue tags during D7 upgrade.