Question

Как опустить кнопку и текст на банере ниже? Они закрывают лица на фото.
Вот код:
    <?if($PAGE_ID$='sitePage1')?>
    <section class="slider-wrapper">
        <div id="slider">
            <ul class="slides">
                <li class="slide">
                   <img src="/assets/img/zagruzhennoe-2.png" alt="zagruzhennoe-2"/>
                  
                <li class="slide">
                    <img src="/assets/img/ccelebritiesfotorobot-models-over-real-split.jpg" alt="ccelebritiesfotorobot-models-over-real-split"/>
                    <div class="caption">
                        <div class="cap-ttl">Shudu</div>
                        <div class="cap-ds description">The World’s First Digital Supermodel
                        </div>
                        <div class="cap-ds"><a role="button" href="http://digitalsapiens.net/blog/shudu/2019-07-05-3">Read more</a></div>
                    </div>
                </li>
                <li class="slide">
                    <img src="/assets/img/Noonoouri-fashion-germany-model-influencer.jpg" alt="Noonoouri-fashion-germany-model-influencer"/>
                    <div class="caption">
                        <div class="cap-ttl">noonoouri</div>
                        <div class="cap-ds description">cute. curious. couture.
                        </div>
                        <div class="cap-ds"><a role="button" href="http://digitalsapiens.net/blog/nunujuri/2019-07-05-2">Read more</a></div>
                    </div>
                </li>
            </ul>
            <div class="custom-navigation">
                <i class="material-icons flex-prev">keyboard_arrow_left</i>
                <i class="material-icons flex-next">keyboard_arrow_right</i>
            </div>
        </div>
        <script type="text/javascript" src="/.s/t/1726/jquery.flexslider-min.js"></script>
        <script>
            $(function () {
                $('#slider').flexslider({
                    animation: "slide",
                    slideshowSpeed: 6000,
                    controlsContainer: '',
                    customDirectionNav: $(".custom-navigation i")
                });
            })
        </script>
    </section>
    <?endif?>
    

Answer 1

В стилях ищите строку номер 83:

.caption{position:absolute;color:#fff;left:50%;top: 50%;width:70%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:15;}

увеличивайте значение 50 на сколько нужно опустить.

Comments

не изменилось ничего

---

Гордон Комсток,

Все изменилось. Кеш в браузере чистить нужно https://ukit.com/ru/help/kak-ochistit-cahe

---

Yuri_Geruk,

Все, спасибо огромное!