Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • November 18, 2014 at 8:40 am #352848
    laurenceanthony.nc

    HI,
    How can we set buttons to open video URL in a Lightbox? Currently, it opens youtube page or if self hosted it open in new page.

    thanks,
    larry

    November 18, 2014 at 7:33 pm #353196
    Elliott

    Hey pixallus!

    After you make your button view your page and then right click and view source and copy the HTML for your button. Something like this,

    <div class="avia-button-wrap avia-button-center  avia-builder-el-0  avia-builder-el-no-sibling "><a class="avia-button  avia-icon_select-yes-left-icon avia-color-theme-color avia-size-small avia-position-center " href="#"><span data-av_iconfont="entypo-fontello" data-av_icon="" aria-hidden="true" class="avia_button_icon avia_button_icon_left "></span><span class="avia_iconbox_title">Click me</span></a></div>

    You can then paste that into a codeblock element and then add a rel = “lightbox” to the link like so.

    <div class="avia-button-wrap avia-button-center  avia-builder-el-0  avia-builder-el-no-sibling "><a rel = "lightbox" class="avia-button  avia-icon_select-yes-left-icon avia-color-theme-color avia-size-small avia-position-center " href="#"><span data-av_iconfont="entypo-fontello" data-av_icon="" aria-hidden="true" class="avia_button_icon avia_button_icon_left "></span><span class="avia_iconbox_title">Click me</span></a></div>

    Regards,
    Elliott

    • This reply was modified 10 years, 1 month ago by Elliott.
    November 18, 2014 at 8:49 pm #353233
    laurenceanthony.nc

    Ah the codeblock element. Great Elliot, thank you!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘lightbox video using button element’ is closed to new replies.