lightbox video using button element

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 ago by Elliott.