Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 5, 2015 at 3:01 pm #455111
    kimogroup

    How do i style the image caption on an image, which appears after a hover

    June 5, 2015 at 10:52 pm #455337
    Elliott

    Hi kimogroup!

    You can target it with this CSS.

    .av-image-caption-overlay p {
  color: red !important;
}

    Best regards,
    Elliott

    June 8, 2015 at 11:09 am #455966
    kimogroup

    Hover Sample

    Kindly find an attached picture for your perusal

    I want to do a hover like this, i want to be able to arrange where the text will be.

    June 8, 2015 at 5:21 pm #456223
    Elliott

    Hi!

    That is bordering on custom work but surround each text with a <span></span> tag and send us a link to your page and we’ll see if we can get you some CSS to make it look like that.

    Cheers!
    Elliott

    June 12, 2015 at 10:47 am #458282
    kimogroup
    This reply has been marked as private.
    June 12, 2015 at 7:53 pm #458600
    Elliott

    Hey!

    Add this to your custom CSS.

    .av-image-caption-overlay-center > p:nth-child(1) {
  left: 10px;
  position: absolute;
  top: 10px;
}
.av-image-caption-overlay-center > p:nth-child(2) {
  left: 10px;
  position: absolute;
  top: 30px;
}

    And just keep adding new sections for each new span you add.

    Best regards,
    Elliott

    • This reply was modified 9 years, 5 months ago by Elliott.
  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.