[SOLVED][Drupal Colorbox] Blue outline around images and alt tags in Colorbox

| | 1 min read

Many Drupal users have encountered a Blue outline around the images and alt tag in Colorbox. If you are encountering the same issue in Colorbox images in your Drupal site then read on to find out the solution.

Here is the possible cause and the solution.

  • The blue line is most probably as a result of the focus state which possible comes after the user has clicked the Close box in the image pop out.
  • Many Drupal users experimented and came out with many solutions. Following are the ones that worked for most of them.
    • Try adding style="float:right;" to the in-line code of the colorbox
    • Try altering the focus style in your CSS
      #galleryname a:focus {
        outline: 0;
      }
    • If the above two do not work for you then try disabling the outline property in your CSS.
      a {
      outline:none;
      }

Hope that helps.

The easiest way to solve a Drupal issue is to hand it to the Drupal experts. We can provide a wide range of Drupal services to help you maintain and manage your Drupal websites. Get in touch with us to know more.