Docs

[Chris Stovall]

I’m trying to have a lightbox popup with a video in it. The problem is that the video is full screen. Can you please look at this code and tell me what I need to change to control the size of the popup?

[column type="1/2"] [x_button shape="pill" size="x-large" float="none" info="none" info_place="top" info_trigger="hover"]Start Your Free Trial Today![/x_button]
<span class="black-text-shadow" style="color: #ffffff;" >No credit card required. No Contracts</span> [/column] [column type="1/2" last="true"][visibility type="visible-phone"][gap size="25px"][/visibility] [x_button shape="pill" size="x-large" float="none" block="true" info="none" info_place="top" info_trigger="hover" class="btn-lightbox my-button" href="//www.youtube.com/embed/Em3-c2afWq8?rel=0"]Watch Our Video[/x_button]
[lightbox selector=".btn-lightbox"] [/column]

Thanks in advance!
CDS

[Rad]

Hi there,

Thanks for posting in.

I tried that code on my end and it works okay. Though, I’m not really sure what you mean by full-screen (full screen to lightbox iframe or full screen to browser). Would you mind providing your site’s URL? It may have javascript errors that I can’t simply generate from my own installation.

Thanks!

[Chris Stovall]

http://162.144.201.72/~studiobookings/

[Joao]

Hi There,

Please provide the following information

– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

[Chris Stovall]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for providing the information. If you want to minimize the width of the lightbox, please edit your page in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

.ilightbox-holder div.ilightbox-container{
    max-width: 800px !important;
    margin: 0 auto;
}

Hope this helps.

[Author]

Posts