В шаблоне HTML найдите:
$(document).ready(function() {
$("#owl-one-slider .item").css('display', 'block');
$("#owl-one-slider").owlCarousel({
navigation : true, // показывать кнопки next и prev
slideSpeed : 300,
paginationSpeed : 400,
items : 1,
itemsDesktop : false,
itemsDesktopSmall : false,
itemsTablet: false,
itemsMobile : false,
navigationText: false // Удаляет текст с кнопок навигации
});
});
замените на:
$(document).ready(function() {
$("#owl-one-slider .item").css('display', 'block');
$("#owl-one-slider").owlCarousel({
navigation : true, // показывать кнопки next и prev
slideSpeed : 300,
paginationSpeed : 400,
items : 1,
itemsDesktop : false,
itemsDesktopSmall : false,
pagination : true,
autoPlay : true,
itemsTablet: false,
itemsMobile : false,
navigationText: false // Удаляет текст с кнопок навигации
});
});
в шаблоне main.css после:
.topbanners .owl-carousel {
display: block;
float: left;
height: 100%;
position: relative;
width: 78% !important;
}
пропишите:
.owl-theme .owl-controls .owl-page{
display: inline-block;
zoom: 1;
*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
display: block;
width: 12px;
height: 12px;
margin: 5px 7px;
filter: Alpha(Opacity=50);/*IE7 fix*/
opacity: 0.5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #869791;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
filter: Alpha(Opacity=100);/*IE7 fix*/
opacity: 1;
}
6
