How do I create video lightbox in Betheme?

Comments

• martinkd11

  June 2015 edited 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.
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• 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.
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next