Hi there,

I get a blue line around the images and alt tags. I've tried loads of things, and it's not even cured by

a img {
border: none;
border-width: 0px;
}

Any ideas?

CommentFileSizeAuthor
Screen shot 2011-06-12 at 18.13.16.png278.48 KBjmbouvier
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

frjo’s picture

frjo CreditAttribution: frjo commented

Use Firebug in Firefox, Web inspector in Safari or similar tool to find out what CSS is causing this. Colorbox has no CSS that does this.

jmbouvier’s picture

jmbouvier CreditAttribution: jmbouvier commented

Hi there,

The blue line is the focus state, which comes on after I've clicked the 'close' box from the image pop out, and strangely, adding style="float:right;" to the in-line code of the colorbox item seems to remove it.

This is just for interest now, since I've added the style to the one page where the blue line persisted.

Love the module, by the way.

JBoo

Vali Hutchison’s picture

Vali Hutchison CreditAttribution: Vali Hutchison commented

I think I had the same issue - in chrome I get an orange line around the image after I have clicked on an image, colobox has opened and then I close the colorbox - so the orange line is displaying as the image is in 'focus'.

To avoid this (and i'm assuming the blue line too?) alter the focus in your css. so for me i had to alter the link focus:

#galleryname a:focus {
  outline: 0;
}
jmbouvier’s picture

jmbouvier CreditAttribution: jmbouvier commented

Yes that fixed it! Well done.

Cheers,

JBoo

chiappa’s picture

chiappa CreditAttribution: chiappa commented

didn't work for me.. I found the answer here: http://groups.google.com/group/colorbox/browse_thread/thread/c08a23acfe4...

all I did was put outline:none for all links in my css file.

example:

a {
outline:none;
}
lsolesen’s picture

lsolesen CreditAttribution: lsolesen commented
Status: Active » Closed (fixed)
collier.matthew’s picture

collier.matthew CreditAttribution: collier.matthew commented

I'm using Drupal 7.20 and Fusion 7.x-2.0-beta2. I was getting this pesky outline border with Chrome but not with Firefox. I tried altering the anchor tags focus without success.

My solution was to add to my subtheme's CSS:

:focus {
    outline: none;
}

I did that based on reading this article: http://stackoverflow.com/questions/2943548/best-way-to-reset-remove-chro...