-
AuthorPosts
-
May 2, 2018 at 6:46 am #949840
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
May 3, 2018 at 4:33 pm #950911Hey 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,
NikkoMay 4, 2018 at 12:50 am #951171Hey 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
May 4, 2018 at 5:22 am #951282Hi 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,
NikkoMay 4, 2018 at 6:20 am #951330Hi Nikko,
thanks for you quick reply.
Unfortunately it doesn’t work :(
May 4, 2018 at 8:29 am #951433Hi 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 -
AuthorPosts
- You must be logged in to reply to this topic.
