-
AuthorPosts
-
December 21, 2018 at 4:49 am #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.
December 21, 2018 at 10:46 pm #1048427Hey 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.- Install and activate ” Temporary Login Without Password “.
- Go to ” Users > Temporary Logins ” on the left-side menu.
- Click ” Create New “.
- 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 ). - Click ” Submit “.
- 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,
NikkoDecember 21, 2018 at 11:20 pm #1048448Thanks. Just added it.
December 26, 2018 at 5:02 pm #1049108Hi jimmiesner,
I apologize for the late response.
However I could not login with the credentials you gave, please check.Best regards,
NikkoJanuary 4, 2019 at 4:32 pm #1050036Nikko,
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
January 7, 2019 at 10:49 pm #1051069Hi,
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.
January 8, 2019 at 2:36 am #1051130Hi,
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,
IsmaelJanuary 8, 2019 at 3:38 am #1051146Ismael,
Thanks. I’m not seeing the changes though. What does the site look like when you look at it?
veggiegardenfilms.com
Jim
January 8, 2019 at 3:52 am #1051158Hi,
I corrected the code in the Quick CSS field. Please remove the browser cache prior to checking the page.
Best regards,
IsmaelJanuary 8, 2019 at 4:15 am #1051165Thanks! 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
January 8, 2019 at 11:30 am #1051334Hi 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,
NikkoJanuary 8, 2019 at 4:45 pm #1051437Great. Thanks! That solved it.
January 9, 2019 at 9:48 am #1051668Hi jimmiesner,
Glad that we could help :)
Thanks for using Enfold and have a great day!Best regards,
Nikko -
AuthorPosts
- The topic ‘Change Lightbox Hover-Over Icon’ is closed to new replies.