Home › Forums › Porto – Responsive HTML5 Template › Add youtube videos to portfolio-lightbox page
- This topic has 2 replies, 2 voices, and was last updated 10 years, 5 months ago by
rvs0002. This post has been viewed 1995 times
-
AuthorPosts
-
November 20, 2014 at 6:43 pm #10005112
rvs0002
ParticipantTrying to add some youtube videos using the portfolio-lightbox page as my template, but i can’t get it to work. I’ve looked at your response for embedding a youtube video on a page, but not sure how to make it work on the portfolio page. Here is what I tried but it isn’t working:
<li class="col-md-3 col-sm-6 col-xs-12 isotope-item informational"> <div class="portfolio-item img-thumbnail"> <a href="http://youtu.be/Ry6Zs0UFiEs"> <img alt="" src="img/videothumb.jpg" /> <span class="thumb-info-title"> <span class="thumb-info-inner">Meet Josh</span> <span class="thumb-info-type">Informational</span> </span> <span class="thumb-info-action"> <span title="Universal" class="thumb-info-action-icon"> <i class="fa fa-link"></i></span> </span> </a> </div> </li>
Also, my logo that I am using shrinks too much (gets too small) when I scroll down and the nav turns sticky. Where do I adjust how much it shrinks?
Thanks for your help!
November 21, 2014 at 8:28 am #10005119Support
KeymasterHello, please try this:
<ul class="portfolio-list sort-destination" data-sort-id="portfolio"> <li class="col-md-3 col-sm-6 col-xs-12 isotope-item websites"> <div class="portfolio-item img-thumbnail"> <a href="http://www.youtube.com/watch?v=0O2aH4XLbto" class="thumb-info lightbox" data-plugin-options='{"type":"iframe"}'> <img alt="" class="img-responsive" src="img/projects/project.jpg"> <span class="thumb-info-title"> <span class="thumb-info-inner">SEO</span> <span class="thumb-info-type">Website</span> </span> <span class="thumb-info-action"> <span title="Universal" class="thumb-info-action-icon"><i class="fa fa-link"></i></span> </span> </a> </div> </li> <li class="col-md-3 col-sm-6 col-xs-12 isotope-item brands"> <div class="portfolio-item img-thumbnail"> <a href="img/projects/project-1.jpg" class="thumb-info lightbox" data-plugin-options='{"type":"image"}'> <img alt="" class="img-responsive" src="img/projects/project-1.jpg"> <span class="thumb-info-title"> <span class="thumb-info-inner">Okler</span> <span class="thumb-info-type">Brand</span> </span> <span class="thumb-info-action"> <span title="Universal" class="thumb-info-action-icon"><i class="fa fa-link"></i></span> </span> </a> </div> </li> </ul>
Regarding the logo, you can change it right there:
Let me know if you have any questions.
Kind Regards, Jonas
November 21, 2014 at 12:41 pm #10005136rvs0002
ParticipantThanks, I will give this a shot! Appreciate the quick response and love the theme!
John
-
AuthorPosts
This topic is marked as "RESOLVED" and can not rceive new replies.