Answer the question
In order to leave comments, you need to log in
OWL Carousel not working?
To be honest, I wavered. All styles and scripts are connected, but it stubbornly does not want to work. Who faced help!!!
<div class="row">
<div class="col-lg-12">
<div class="testimonials_carousel">
<div class="testimonials_media">
<div class="testimonials_object">
<div class="testimonials_photo gradient_red">
<img src="img/client-1.jpg" alt="" class="testimonials_image">
</div>
</div>
<div class="testimonials_object middle">
<div class="testimonials_text line_red">
<p class="testimonials_contant">Deployment ownership non-disclosure agreement vesting period crowdfunding success influencer partnership equity series A financing network effects user experience crowdsource. Burn rate stock bootstrapping direct mailing release client traction creative facebook monetization crowdfunding rockstar.</p>
<p class="testimonials_signature">John</p>
<p class="testimonials_author">John Albrecht</p>
<p class="testimonials_tags">Founder, TingTong</p>
</div>
</div>
</div>
<div class="testimonials_media">
<div class="testimonials_object">
<div class="testimonials_photo gradient_green">
<img src="img/client-2.jpg" alt="" class="testimonials_image">
</div>
</div>
<div class="testimonials_object middle">
<div class="testimonials_text line_green">
<p class="testimonials_contant">Deployment ownership non-disclosure agreement vesting.</p>
<p class="testimonials_signature">Alex</p>
<p class="testimonials_author">Alex Albrecht</p>
<p class="testimonials_tags">Founder, TingTong</p>
</div>
</div>
</div>
<div class="testimonials_media">
<div class="testimonials_object">
<div class="testimonials_photo gradient_purple">
<img src="img/client-3.jpg" alt="" class="testimonials_image">
</div>
</div>
<div class="testimonials_object middle">
<div class="testimonials_text line_purple">
<p class="testimonials_contant">Deployment ownership non-disclosure agreement vesting period crowdfunding success influencer partnership equity series. </p>
<p class="testimonials_signature">Melina</p>
<p class="testimonials_author">Melina Albrecht</p>
<p class="testimonials_tags">Founder, TingTong</p>
</div>
</div>
</div>
</div>
</div>
</div>
.testimonials
min-height: 874px
background-image: url(../img/testimonials-bg.jpg)
background-repeat: no-repeat
background-size: cover
&_photo
width: 384px
height: 399px
position: relative
&:after
top: 0
left: 0
right: 0
bottom: 0
position: absolute
content: ''
&_image
outline: .66667rem solid rgba(0,0,0,.2)
outline-offset: -.66667rem
box-sizing: border-box
&_text
background-color: $white
padding: 41px 55px 39px 76px
position: relative
&:after
left: 0
right: 0
bottom: 0
position: absolute
content: ''
height: 3px
&_object
display: table-cell
&_contant
font-size: 15px
color: $dark_2
font-family: "poppins-regular",sans-serif
&_signature
font-size: 40px
margin: 0
font-family: "Sacramento-Regular"
&_author
font-size: 18px
color: $dark_1
margin: 0
&_tags
font-size: 13px
color: $red
margin: 0
.middle
vertical-align: middle
$('.testimonials_carousel').owlCarousel({
items: 1,
});
gulp.task('js', ['common-js'], function() {
return gulp.src([
'app/libs/jquery/dist/jquery.min.js',
'app/libs/owl.carousel/dist/owl.carousel.min.js',
'app/js/common.min.js' // Всегда в конце
])
.pipe(concat('scripts.min.js'))
// .pipe(uglify()) // Минимизировать весь js (на выбор)
.pipe(gulp.dest('app/js'))
.pipe(browserSync.reload({stream: true}));
});
Answer the question
In order to leave comments, you need to log in
Didn't find what you were looking for?
Ask your questionAsk a Question
731 491 924 answers to any question