Hi guys! I have some images with overlaid tex that you can see on hover. There’s a lot of text and wanted to make it so it scrolls. I tried using the following css but it didn’t work:
.av-image-caption-overlay-center p:last-child {
overflow: scroll !important;
}
Can someone help with this? THANK YOU!
Hey bobfurgo,
Can you try to remove that code and replace it with:
#top .av-image-caption-overlay {
overflow: scroll;
}
Hope it helps.
Best regards,
Nikko
thank you!! However, when I scroll down the blue background disappears. Can you help me figure out how to make the blue background extend even when you scroll down?
Hi,
Please add following code to Quick CSS as well
.av-caption-image-overlay-bg {
height: 135%;
}
Cheers!
Yigit
hi! Thank you for the quick response Yigit! unfortunately it did not work :/
Hi,
Did you add the code to the very top of quick css so it runs first? Also, clear the cache a few times over.
Best regards,
Jordan Shannon
hi! Yep that’s correct. I cleared cache, tried ingocnito and looked in other browsers as well
Hi bobfurgo,
Can you try adding this css code as well:
.av-caption-image-overlay-bg {
display: none;
}
.av-image-caption-overlay .av-image-caption-overlay-position {
background-color: rgba(22,63,95,0.9);
}
Best regards,
Nikko
THANK YOU!
Hi,
Did you need additional help with this topic or shall we close?
Best regards,
Jordan Shannon
you can close. thanks
Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon