Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #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

    #950911

    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

    #951171

    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 –

    http://mds.is/hacking-wistia/

    Right now it hovers blue and you can barely see it

    Lara

    #951282

    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

    #951330

    Hi Nikko,

    thanks for you quick reply.

    Unfortunately it doesn’t work :(

    #951433

    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

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.