Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #1048015

    I embedded a video in a lightbox using the WP Video Lightbox Plugin and the code block element. It works but when hovered over it shows the curved arrow icon instead of the play icon. Is there a way to choose the play icon instead? I believe those hover over icons are a part of the enfold theme correct?

    Jim

    • This topic was modified 6 years ago by jimmiesner.
    #1048427

    Hey jimmiesner,

    Yes, that’s part of the theme.
    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( do be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.

    Best regards,
    Nikko

    #1048448

    Thanks. Just added it.

    #1049108

    Hi jimmiesner,

    I apologize for the late response.
    However I could not login with the credentials you gave, please check.

    Best regards,
    Nikko

    #1050036

    Nikko,

    I tried sending an email to the email you gave after the forums were closed but it kept getting returned. Here’s the info. Thanks!

    Jim

    #1051069

    Hi,

    I’m sure with being closed over the holiday’s that you are trying to catch back up, but I Just wanted to follow up with this to see if you got my last response (with all the info you need to login). Please let me know. Thanks!

    Jim

    • This reply was modified 5 years, 11 months ago by jimmiesner.
    #1051130

    Hi,

    Sorry about the delay. You can use this css code to change the overlay to “play” icon.

    a[rel="wpvideo-lightbox[iframes]"] .image-overlay.overlay-type-extern .image-overlay-inside:before {
        content: '\25B6';
        font-family: 'entypo-fontello'; 
    }

    Best regards,
    Ismael

    #1051146

    Ismael,

    Thanks. I’m not seeing the changes though. What does the site look like when you look at it?

    veggiegardenfilms.com

    Jim

    #1051158

    Hi,

    I corrected the code in the Quick CSS field. Please remove the browser cache prior to checking the page.

    Best regards,
    Ismael

    #1051165

    Thanks! I see that I get a white bar when I first hover over at the top of the video and then when i move the arrow off the video and hover over again, the play button appears.

    Do you know why I have the white bar? Is this something that you have seen before? If not, what do you think could be causing this? Thanks again!

    Jim

    #1051334

    Hi Jim,

    I have added this css code in your Quick CSS:

    .avia_transform a .image-overlay {
        top: 0 !important;
    }

    it should fix the issue when tested with web inspector however your site is cached probably on your and the code doesn’t reflect on the homepage.
    Can you try to clear the cache? I have duplicated the homepage (link in private content) and it works well on that page.

    Best regards,
    Nikko

    #1051437

    Great. Thanks! That solved it.

    #1051668

    Hi jimmiesner,

    Glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Change Lightbox Hover-Over Icon’ is closed to new replies.