Link not clickable with class="col-lg-3 col-md-6 dark left col-padding"

6 replies · opened Apr 3, 2019

DDESIGNonlyApr 3, 2019

I running a problem simple hyperlinks don't work with the class="col-lg-3 col-md-6 dark left col-padding"

Here is the link:
http://box5766.temp.domains/~lancepow//

Please help!

DDESIGNonlyApr 5, 2019

Thanks for point out.

But how to change the video streaming from YouTube?

Here is the code that I have now, but it does not work:

<div class="swiper-slide dark">
<div class="container clearfix">
<div class="slider-caption slider-caption-left">
<div class="jumbotron_model">It’s not where you go, it’s how you go.<br>

attachment
<br>
</div>
</div>
</div>
<div class="video-wrap no-placeholder">
<video width="3840" height="2160" id="slide-video" poster="../Video/HomeVideo_ScreenShot_Havana.jpg" preload="auto" muted="muted" autoplay="autoplay" >
<data-video="https://youtu.be/y0tfdjlXtGw"/>
</video>
<div class="video-overlay" style="background-color: rgba(0,0,0,0.25);"></div>
</div>
</div>

SSemicolon WebSTAFFApr 7, 2019

Hello,

Youtube or any other Embeddable Videos are not allowed to be used with the <video> Tags. You will need to use the Youtube BG Video functionality included with the Template in order to use Youtube Videos inside your Sliders. Example:


	

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

SSemicolon WebSTAFFApr 8, 2019

Hello,

You can also consider using the following code to integrate a Slider Caption with the Youtube Bg Video within the Slider:


	
		
			Welcome to Canvas
			
Create just what you need for your Perfect Website. Choose from a wide range of Elements & simply put them on our Canvas.

		
	
	
		
	

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

SSemicolon WebSTAFFApr 9, 2019

Hello,

There appears to be a weird bug with the Youtube Bg Video Play event. Please find the following code in the js/functions.js File:

element.find('.swiper-slide.swiper-slide-active').find('.yt-bg-player.mb_YTPlayer:not(.customjs)').YTPPlay();

and replace it with:

setTimeout( function(){
	element.find('.swiper-slide.swiper-slide-active').find('.yt-bg-player.mb_YTPlayer:not(.customjs)').YTPPlay();
}, 1000);

This should definitely fix the issue. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard