Only one banner image
kerner1000 opened this issue · 2 comments
kerner1000 commented
When there is only one banner image configured, the arrows on the side of the image do not hide.
jarrekk commented
@kerner1000 working on it, thanks!
italojs commented
in carrousel.html
comment some code:
<div id="inSlider" class="carousel carousel-fade" data-ride="carousel">
<!-- <ol class="carousel-indicators">
<li data-target="#inSlider" data-slide-to="0" class="active"></li>
<li data-target="#inSlider" data-slide-to="1"></li>
</ol> -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<div class="container">
<div class="carousel-caption">
</div>
<div class="carousel-image wow zoomIn">
<!-- <img src="static/img/landing/laptop.png" alt="laptop"/> -->
</div>
</div>
<!-- Set background for slide in css -->
<div
class="header-back"
style="background-image: url({{ '/static/assets/img/' | prepend: site.baseurl }}{{ site.data.index.banners[0].src }});"
title="{{ site.data.index.banners[0].title }}">
</div>
</div>
<!-- {% for banner in site.data.index.banners offset:1 %}
<div class="item">
<div class="container">
<div class="carousel-caption">
</div>
<div class="carousel-image wow zoomIn">
<img src="static/img/landing/laptop.png" alt="laptop"/>
</div>
</div>
<div class="header-back" style="background-image: url({{ "/static/assets/img/" | prepend: site.baseurl }}{{ banner.src }});" title="{{ banner.title }}"></div>
</div>
{% endfor %} -->
</div>
<!-- <a class="left carousel-control" href="#inSlider" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#inSlider" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a> -->
</div>