Hyperlink not working

  • rzaq

    (@rzaq)


    9 years, 9 months ago

    Hi,

    I have an image that is set to show text when hovered over via a caption and wanted to have the image be clickable to another part of the site.

    However once I have inserted the url into the link section of the photo settings and publish, you can’t actually click on the link. It just shows the text.

    Any way around this? You can see what I mean here:
    http://jamiewhiffen.co.uk/work-with-me/

    Thanks.

Viewing 1 replies (of 1 total)
  • Plugin Contributor Ben Carlo

    (@hinampaksh)

    9 years, 9 months ago

    Hey Rzaq,

    Thanks for getting in touch!

    It looks like this is caused by the custom CSS allowing the hover overlay to cover the entire image. Can you remove that styling, and replace it with the one below?

    .fl-photo-content:before,
.fl-photo-content a:before {
  display: block;
  content: '';
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0,0,0,0.7);  
  -webkit-transition: opacity 0.3s ease-in;
  -moz-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}
.fl-photo-content:hover:before,
.fl-photo-content:hover a:before {
  opacity: 1;
}
.fl-photo-caption {
  white-space: normal;
  text-overflow: clip;
  font-size: 20px;
  background: none;
  top: 50%;
  bottom: auto;
  -webkit-transform: translatey(-50%);
  -moz-transform:    translatey(-50%);
  -ms-transform:     translatey(-50%);
  -o-transform:      translatey(-50%);
  transform:         translatey(-50%);
}

    Ben

Viewing 1 replies (of 1 total)

The topic ‘Hyperlink not working’ is closed to new replies.