CSS Image Gallery Support Product Page

Answered

Blue border around whole gallery in Safari and Chrome

Asked 12 Jan 2012 23:51:05
1
has this question
12 Jan 2012 23:51:05 will hamlyn posted:
The blurred blue border that appears around the whole gallery in Safari and Chrome and to a lesser extent in Firefox when anything is selected, can that be removed or the colour changed? I can't see anything in the css that corresponds to this to change it.

(not talking about the keylines around the images and thumbnails just the whole outer frame)

It really clashes with the colours on my site.

Thanks!

Official Answer

Replied 24 Jan 2012 12:50:23
It's a focus rectangle placed by safari for accessibility. Following css should remove it:

.dmxGallery:focus {
    outline: none;
}

Replies

This reply was removed on 1/23/2012 9:37:37 AM.
See the changelog
Replied 13 Jan 2012 13:44:28
13 Jan 2012 13:44:28 will hamlyn replied:
Hi, thanks for the reply, this is the page:

www.zincc.com/soh_offline/gallery.html

Thanks
Replied 18 Jan 2012 18:56:09
18 Jan 2012 18:56:09 will hamlyn replied:
Any news? Still can't figure out how to get rid of it.

Thanks

Will.
Replied 24 Jan 2012 12:50:23
24 Jan 2012 12:50:23 Patrick Woldberg replied:
It's a focus rectangle placed by safari for accessibility. Following css should remove it:

.dmxGallery:focus {
    outline: none;
}
Replied 25 Jan 2012 16:47:01
25 Jan 2012 16:47:01 will hamlyn replied:
Works perfectly, many thanks!

Cheers

Will.

Reply to this topic