Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 28, 2015 at 10:56 am #465499
    anweb

    Hi,
    I would like to put a border like this on the image, see link below, and that it disappear on hover (this effect is not very important but if possible)

    http://amorgos-panogitonia.gr/accommodation-amorgos-pano-gitonia/

    Thanks,
    anweb

    June 29, 2015 at 5:30 pm #465983
    Yigit

    Hi anweb!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .av-image-caption-overlay-center p {
  text-decoration: underline;
}
.av-image-caption-overlay-center:hover p {
  text-decoration: none;
}

    Regards,
    Yigit

    June 30, 2015 at 8:39 am #466211
    anweb

    Hi,
    You misunderstood me, I didn’t want the text to be underlined. I would like to have a border around the image like on the link I send you, which goes about 5px inside of the image?

    Thanks,
    anweb

    June 30, 2015 at 7:01 pm #466633
    Yigit

    Hey!

    Please use following code instead

    .av-image-caption-overlay-position:hover {
  border: none;
}
.av-image-caption-overlay-position {
  border: 1px solid white;
  margin: 10px;
  width: 95%;
  height: 93%;
}

    Cheers!
    Yigit

    July 1, 2015 at 8:40 am #466813
    anweb

    Thank you great

    July 1, 2015 at 8:47 am #466817
    Basilis

    Hi!

    I will close the ticket here now, as everything is covered.
    Thanks a lot for your time, let us know if you need anything else in the feature.

    Cheers!
    Basilis

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Inline border on hover image’ is closed to new replies.