Mave (13 Январь 2015 - 15:17) писал:
Здравствуйте, подскажите как можно укоротить слайдер и вставить на освободившееся место 2-3 картинки-баннеры? примерно как на скрине
В main.css найдите код:
.owl-carousel {
position: relative;
display: block;
width: 100%;
height: 100%;
-ms-touch-action: pan-y;
}
и замените его на:
.owl-carousel {
position: relative;
display: block;
width: 70%;
height: 100%;
-ms-touch-action: pan-y;
}
.banners {width:30%;}
.banners a {display:block;}
Далее в шаблоне HTML после строк:
</style>
{% ENDIF %}
<!-- END Слайдер на главной странице сайта --->
Добавьте:
<div class="banners"><a href="ссылка 1"><img src="ссылка на баннер 1"></a><a href="ссылка 2"><img src="ссылка на баннер 2"></a></div>