Adding Video Lightbox to a Button in Pro Header

Hello, I would like to have a button on in my header that when clicked with open a video window.

I know how to add the shortcode within the page content itself, but don’t see any way to add raw code as a header element.

Also, I’d like to move the lightbox controls to the right of the screen and make them a bit larger.

Quick video too:

Thanks in advance!

Andy

Hi Andy,

Thank you for very detailed post information. Instead of using the classic lightbox to display a video in a lightbox, please edit your header and remove your “Learn More” button and replace it with the Content Area Modal element. With this element, you can have more control over the toggle button, close button and the contents of the modal. You can even tweak the colors and background colors of the element and its components. To know more about the Content Area Modal, please check this out:

Hope this helps. Please let us know how it goes.

1 Like

Thanks Rue! Sounds pretty easy!

You’re more than welcome, glad we could help.

Cheers!

1 Like

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