How do I create video lightbox in Betheme?

martinkd11 · June 2015

Hi, I am new here. How can I set up a video to play in a lightbox as in your example in:

http://themes.muffingroup.com/betheme/#thematic-websites

Under the section "Watch our Video tutorial"

Thanks

-Kevin

martinkd11 · June 2015

I just read that Bethem uses prettyphoto. When I paste the code below (url ommited) inside the "Text" box area it works. But when I try using the "Image" element from Muffing Builder and paste it in the "Link" field I get the error: Image cannot be loaded. Make sure the path is correct.

I want to be able to use an image and then be able to click on the image and the video opens up with Prettyphoto. What code and which item from the Muffin Builder should I use to make it look like the demo (above url )?

Code I am using:

<a href="

" rel="prettyPhoto" title=""><img src="http://my_url.com/wp-content/uploads/2015/06/hope.jpg" alt="YouTube" width="150" /></a>

Thanks

Albert · June 2015

Hi,

for this section we used "Call to action" item. We set YT link and inside class field we used prettyphoto

That's all we did to make this section.

martinkd11 · June 2015

Got it.

Since not all all the Muffing elements have the "Class" field. How can I make a YT link use prettyphoto? For example using the "Portofolio" element?

Thanks

Albert · June 2015

@martinkd11 If element does not have class field, then it is unfortunately not possible.

How do I create video lightbox in Betheme?

Comments