Lightbox opening differently for image and button

Support
#1

Hi,

When you go to my page:
http://www.apsoftwareservices/eschoolcore

You’ll see a video poster. Click on it and it opens a lightbox the way I want it to open the video (like a presentation.

However, If you scroll down to the parallax background on the same page and click “WATCH THE DEMO VIDEO”, lightbox opens up real ugly.

How can I fix this so my transparent button opens a lightbox the same way the image does.

With the image I am using a content area with the top image that loads the lightbox - code as follows:
[image src="http://www.apsoftwareservices.com/wp-content/uploads/2018/11/student_data_poster.jpg" link="true" href="https://www.youtube.com/embed/3g4ifVVf-RI?end=144&modestbranding=1&autoplay=1&mute=0" lightbox_video="true"] [lightbox]

With the transparent button, I am using a classic button with the class .video-button in conjuction with a classic raw content container filled with the code as follows:
[lightbox selector=".video-button"]

Any help would be appreciated. I want the “presentation” effect rather than the look of a redirect.

Thanks in Advance

#2

Hi Anna,

Thank you for writing in, I’d like to help you with the lightbox, but I think It would be best if you utilize the Content Area Modal element instead.

Use the YouTube’s embed code in the content and enable the Load / reset on element toggle option.



`

`

Then style your Toggle like a button.



Hope it helps,
Cheers!

1 Like
#3

This works excellent, and is exactly what I was looking for thank you

#4

You’re welcome!
We’re glad @Friech were able to help you out.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.