Search code examples
javascriptcssfancybox

fancybox - changing close button color

I did download fancybox and I'm trying to change the color of the close button.

I did try without any result:

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
  color : #ff0033 !important; //color added
}

Any tip will be appreciated.

Solution

  • This is a cache issue. In order to fix this, try to add ?version=2 in image URL.

    Usage:

    background: transparent url('image.png?version=2') -40px 0px