Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 16, 2023 at 5:52 pm #1378914
    tammiviestinta

    I’d like to get image caption so that it displays not until on mouse hover, like it works on masonry gallery. Is it possible?
    And what is the css, if I change the font size bigger?

    January 16, 2023 at 5:56 pm #1378917
    Yigit

    Hey,

    Thanks for contacting us!

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

    
.av-image-caption-overlay-center {
  opacity: 0;
}
.av-image-caption-overlay:hover .av-image-caption-overlay-center {
  opacity: 1;
}

    Best regards,
    Yigit

    January 16, 2023 at 6:09 pm #1378925
    tammiviestinta

    EDIT: It works! There were a cache problem first.

    January 16, 2023 at 6:16 pm #1378932
    Yigit

    Hi,

    It works fine on my end. I attached a GIF in private content field. It is pretty small but you can see that title shows up when you hover on images.

    Please flush browser cache and refresh your page a few times :)

    Best regards,
    Yigit

    January 16, 2023 at 6:26 pm #1378940
    tammiviestinta

    It works! There were a cache problem first.
    How could I get the font bigger?

    January 16, 2023 at 7:23 pm #1378948
    Yigit

    Hi,

    Great!

    You can add following code to bottom of Quick CSS field and adjust the size as needed

    
.av-image-caption-overlay-center {
  font-size: 40px;
}

    Best regards,
    Yigit

    January 17, 2023 at 8:06 am #1388013
    tammiviestinta

    Thank you again! I’m so happy for that you are there always helping!

    January 17, 2023 at 8:16 am #1388016
    Nikko

    Hi tammiviestinta,

    I’m glad that Yigit could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Iimage caption not until on mouse hover?’ is closed to new replies.