Question

Добрый день всем, уменьшила зону слайдера и у меня теперь не видно кнопки "подробнее"(у меня называтся заказать звонок)

хочу чтобы ее было видно)) что делать?

на всякий случай вот что у меня в блоке промо..

<div id="slider">
 <div class="slide">
 <div class="part-l">
 <div class="slide-i">
 <div class="slide-t"><br></div>
 <a href=""><img src="/we.jpg" alt=""></a>
 </div>
 </div>
 <div class="part-r">
 <div class="part-i slide-d">
 <div class="slide-st">Монтаж и техническое обслуживание систем отопления и водоснабжения</div><div class="slide-st"><span style="font-size: 18pt; color: rgb(255, 0, 0);">Звоните: +7 981 935 16 17</span></div><div class="slide-st">В Санкт-Петербурге и всей Ленинградской области</div><div class="slide-st"><a href="http://bregada.ru/index/0-3" class="read-m"><span style="font-size: 14pt; color: rgb(255, 255, 255);">заказать звонок</span></a></div></div>
 </div>
 <div class="clr"></div>
 </div>
 <div class="slide">
 <div class="part-l">
 <div class="slide-i">
 <div class="slide-t"><br></div>
 <a href=""><img src="/s4895.jpg" alt=""></a>
 </div>
 </div>
 <div class="part-r">
 <div class="part-i slide-d">
 <div class="slide-st">Монтаж и техническое обслуживание систем отопления и водоснабжения</div><div class="slide-st"><span style="font-size: 18pt; color: rgb(30, 144, 255);">Звоните: +7 981 935 16 17</span></div><div class="slide-st">В Санкт-Петербурге и всей Ленинградской области</div><div class="slide-st"><a href="http://bregada.ru/index/0-3" class="read-m"><span style="font-size: 14pt; color: rgb(255, 255, 255);">заказать звонок</span></a></div></div>
 </div>
 <div class="clr"></div>
 </div>
 <div class="slide">
 <div class="part-l">
 <div class="slide-i">
 <div class="slide-t"><br></div>
 <a href=""><img src="/xx1.jpg" alt=""></a>
 </div>
 </div>
 <div class="part-r">
 <div class="part-i slide-d">
 <div class="slide-st">Монтаж и техническое обслуживание систем отопления и водоснабжения</div><div class="slide-st"><span style="font-size: 18pt; color: rgb(255, 255, 255);">Звоните: +7 981 935 16 17</span></div><div class="slide-st">В Санкт-Петербурге и всей Ленинградской области</div><div class="slide-st"><a href="http://bregada.ru/index/0-3" class="read-m"><span style="font-size: 14pt; color: rgb(255, 255, 255);">заказать звонок</span></a></div></div>
 </div>
 <div class="clr"></div>
 </div>
 </div>
 <script type="text/javascript">
 $(function() {
 (function doSlider() {
 if ($.isFunction($.fn.flexslider)) {
 $('#slider').flexslider({
 selector: ".slide",
 slideshowSpeed: 5000,
 pauseOnHover: true,
 directionNav: false
 });
 }
 else {
 setTimeout(doSlider, 300);
 }
 }());
 });
 </script>

Answer 1

Перейдите в таблицу стилей CSS, найдите строку номер 83:

.read-m {
    display: block;
    position: absolute;
    bottom: 40px;
    color: #f2f2f2;
    text-transform: uppercase;
    font-size: 14px;
    background: #0a8fcc;
    font-family: 'CuprumReg';
}

удалите position: absolute; и сохраните изменения, после обновите страницу сайта и кнопка снова отобразится.

Comments

Спасибо, за подробный ответ, все отлично, сама бы не додумалась)