Add youtube videos to portfolio-lightbox page

Home Forums Porto – Responsive HTML5 Template Add youtube videos to portfolio-lightbox page

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #10005112
    rvs0002
    Participant

    Trying 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!


    #10005119
    Support
    Keymaster

    Hello, 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


    #10005136
    rvs0002
    Participant

    Thanks, I will give this a shot! Appreciate the quick response and love the theme!
    John


Viewing 3 posts - 1 through 3 (of 3 total)

This topic is marked as "RESOLVED" and can not rceive new replies.