Dear enfold team,
I have a (rather simple) question, that I somehow fail to solve…
I have images showing a caption on hover. For some images I would like to also link them to a different page. But as soon as I set the link, the style changes. Could you give me a hint to what element I should css-tweek? like .image-overlay for linked images…?
Thank you in advance!
Sebastian
Hi Sebastian!
can you provide us admin access, so we can take a deeper look into it? post admin access here as private reply.
Cheers!
Andy
Hey!
try this code in Quick CSS field:
.av-image-caption-overlay-center a:hover {
color: white;
}
Cheers!
Andy
Hey Andy!
This helped a bit – thank you!
In fact this changes the caption color on direct hover; how can I have this allways?
Now: hover image -> red caption -> hover caption -> white
Better: hover image -> white caption -> hover caption -> still white
Also: For the linked images the background of hover still does not show up. I tried
.image-overlay {
background: rgba(0,0,0,0.8);
}
this fixed it for images without caption, but not for the one with caption…
I appreciate your help!
Sebastian
ok I got it… at least partly…
Still, I wonder why the image overlay appears if I have no caption, but doesn’t show up if there is a caption…
I can life for now with putting a manual href in the caption for links…
Cheers,
Sebastian
Hi!
not sure what you mean and glad you could fix it. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist.
Best regards,
Andy