WordPress.org

Forums

Lightbox Plus Colorbox
Blue outline (10 posts)

  1. woktoss
    Member
    Posted 1 year ago #

    Works, but for Chrome browsers there appears to be a highlighted blue online around the box. Is there a method of removing it or is it a Chrome thing?

    Thank you for the update.

    https://wordpress.org/plugins/lightbox-plus/

  2. bxwebber
    Member
    Posted 1 year ago #

    I'm having the same problem:

    There's a strange blue line partly around the images in Safari 6.1.4 (Mac) as wel as in Chrome 35 (Mac). The shape is different in both browsers, though. Looks like a focus border.

    Not in Firefox and Opera (Mac) by the way.

  3. bxwebber
    Member
    Posted 1 year ago #

    This seems to work to remove the blue focus border:
    Put the following css in your style sheet:

    #colorbox:focus {outline:none !important;}
    #cboxWrapper:focus {outline:none !important;}

    Hopefully it will be fully solved in a next update.

  4. maziarom
    Member
    Posted 1 year ago #

    Ever since a recent update I've also been having this same problem!

    Except I get it in all browsers, even Opera and as a dotted black line in Firefox. This wasn't happening before the update, and I haven't changed anything on my end.

    I would be grateful for a fix and thank you for your excellent plugin!

  5. maziarom
    Member
    Posted 1 year ago #

    Thanks for the fix bxwebber it did the job!

    For anyone using the previous and next feature you just need to add the "outline:none" for the following id's as well:

    "#cboxNext:focus" & "#cboxPrevious:focus"

  6. bxwebber
    Member
    Posted 1 year ago #

    You're welcome. Glad it works.

  7. woktoss
    Member
    Posted 1 year ago #

    Thank you so much bxwebber, problem solved!

  8. bxwebber
    Member
    Posted 1 year ago #

    Great!

  9. yanay
    Member
    Posted 2 months ago #

    Hi
    I've added
    #colorbox:focus {outline:none !important;}
    #cboxWrapper:focus {outline:none !important;}
    #cboxNext:focus {outline:none !important;}
    #cboxPrevious:focus {outline:none !important;}
    to the stylesheet but the blue outline is still displayed on Chrome (OSX) but not on FF.
    Is there a setting in lightbox plus colorbox (v2.7.1) that I should look at?
    Thank you

  10. naveen guleria
    Member
    Posted 1 month ago #

    Thank you #bxwebber :)

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Lightbox Plus Colorbox
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic

Tags

No tags yet.