Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 6, 2021 at 11:59 pm #1331770
    mistermagoo8691

    Hi folks! I added a link on an image with a caption. I need to do it for several images, each one linked to diferent pages.

    The white caption on the image is visible when the mouse is not hovering it, as I added an overlay to the image.
    But when the mouse hovers the image (there is some snow!), the overaly disappears and the white caption is not very visible anymore.

    Changing the color of the caption would not fix the issue, as it is impossible to find a color that fits for all the pictures: would it be possible to add a *frame* to the caption, as you can do with the captions of the “full page sliders”, for instance?

    See an example here below.
    Thanks folks! I love your theme!!

    December 7, 2021 at 6:55 am #1331802
    Ismael

    Hey Angelo,

    Thank you for the inquiry.

    You can use this css code to add another overlay to the caption text on hover.

    .av-overlay-hover-deactivate .avia-image-overlay-wrap:hover .av-image-caption-overlay-center p {
    background: rgba(0,0,0,.5);
}

    Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

    Best regards,
    Ismael

    December 7, 2021 at 4:33 pm #1331879
    mistermagoo8691

    It works perfectly, Ismael, thanks!

    Can I dare to ask you to always have the overaly, also when not hovering?

    Thanks again!!

    December 9, 2021 at 3:57 am #1332044
    Nikko

    Hi mistermagoo8691,

    Please try adding this CSS code as well:

    .avia-image-overlay-wrap .av-image-caption-overlay {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

    Best regards,
    Nikko

    December 16, 2021 at 12:49 pm #1333116
    mistermagoo8691

    Thanks!

    December 19, 2021 at 1:39 am #1333397
    Mike

    Hi,
    Glad Ismael and Nikko could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Adding a frame on a caption of an image (caption not visible when hovering)’ is closed to new replies.