Hi team,
I’m wondering if it’s possible to have a play button arrow icon appear on hover on my portfolio items on the Media Library page?
Lara
Hey Lara,
Try adding this css code in Quick CSS (located in Enfold > General Styling):
#top.page-id-5614 .all_colors .image-overlay-inside {
display: block;
}
Hope it helps :)
Best regards,
Nikko
Hey Nikko,
thanks for your help. I’m wondering if I can get the hover icon to look like the icon on the right from this link –
Right now it hovers blue and you can barely see it
Lara
Hi Lara,
Try to add this css code in Quick CSS:
.avia_transform .page-id-5614 a:hover .image-overlay {
opacity: 1 !important;
background-color: transparent !important;
}
.page-id-5614 .image-overlay.overlay-type-extern .image-overlay-inside:before {
content: '\E897' !important;
font-size: 50px;
background-color: rgba(0,0,0,0.5);
}
This code only works on your Media Library Page.
Hope this helps. :)
Best regards,
Nikko
Hi Nikko,
thanks for you quick reply.
Unfortunately it doesn’t work :(
Hi Lara,
I have tried to add it on your Quick CSS however it doesn’t seem to reflect on the page for some reason though the same code works properly when testing it via a web inspector.
Can you try to remove the script and shortcode inside your Quick CSS, if that still doesn’t reflect, try to flush the cache and disable all plugins then check. If the issue disappears enable the plugin one by one, if that still doesn’t work please give us permission to disable plugins temporarily and give us ftp access, so we can check further.
Best regards,
Nikko