Hello,
Ok, for the size I’ve applied your patch, but it’s not responsive
Ok, for the owl-carousel I’ll wait for an update
for the video I solved this way:
I deleted the owl-carousel from videos.php and I changed it like this:
<section id=”videos” style=”<?php echo esc_attr($about_backg); ?>”>
<div class=”container”>
<div class=”head”>
<?php if(get_theme_mod(‘vw_blog_pro_our_video_title’,true != ”)){?>
<h3><?php echo esc_html(get_theme_mod(‘vw_blog_pro_our_video_title’, __(‘Check out some tips’,’vw-blog-pro’))); ?></h3>
<?php }?>
<?php if(get_theme_mod(‘vw_blog_pro_our_video_subtitle’,true != ”)){?>
<p><?php echo esc_html(get_theme_mod(‘vw_blog_pro_our_video_subtitle’, __(‘Lorem Ipsum is simply dummy text of the printing’,’vw-blog-pro’))); ?></p>
<?php } ?>
</div>
<div class=”videoyoutube”>
<iframe src=”https://www.youtube.com/embed/8-TpnW0CwmI” width=”auto” height=”auto” frameborder=”0″ allowfullscreen=”allowfullscreen”>
</iframe>
<div class=”video_title”>
<?php if(get_theme_mod(‘vw_blog_pro_our_video_contenttitle’.$i,true != ”)){?>
<p><?php echo esc_html(get_theme_mod(‘vw_blog_pro_our_video_contenttitle’.$i, __(‘This is the video title’,’vw-blog-pro’))); ?></p>
<?php } ?>
</div>
</div>
</section>
I added this css:
.videoyoutube {
position: relative;
padding-bottom: 56.25%;
padding-top: 35px;
height: 0;
overflow: hidden;
}
.videoyoutube iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}
if you want to see
website: maillethandmade.com
Thank you
Maillet Handmade Team.
.
