на мобильном неадекватно отображается слайдер

голоса: 0
Подскажите как вернуть прежний вариант. Раньше слайдер подсвечивался серым или затемнялся, не знаю как правильно, белый текст был читаемым. Но сейчас на слайдах ничего не видно. Что изменилось, где искать код, чтоб исправить? Вроде по цвету ничего не меняла ранее.  на скришоте так как сейчас справа, а как было и нужно переделать - слева. Подскажите плиз  https://drive.google.com/open?id=17-G371SLZ9t15dbU7QEK4Ja9vyZwMGpE
Адрес сайта окна-балконы.com.ua
| Автор: | Категория: Дизайн сайта
Изменение категории | | Автор: webanet
Кадрес сайта где
webanet,
на скрине по ссылке его видно  окна-балконы.com.ua

Ответов: 1

голоса: 0
 
Лучший ответ

В стилях в строках номера 854,855, 927, 931 найдите значение:

color: #fff;

и замените на:

color: #000;

| Автор:
Выбор ответа лучшим | | Автор: Андрей Андрей
Андрей Андрей,

В коде все корректно. Попробуйте переключит версию библиотеки квери.

  • Перейти в Панель управления » Главная » Настройки » Общие настройки » Версия библиотеки jQuery, выберите версию 3.3.1 вместо текущей 1.12.4 » Сохранить.
Yuri_Geruk,
поменяла, сохранила, очистила кеш, ничего не изменилось((
Yuri_Geruk,
какая строка отвечает за эту серую подсветку? изначально она ведь была
Андрей Андрей,

Попробуйте сделать следующее, сохраните текущий код блока промо себе где-то в текстовый редактор и вставьте стандартный:

<?if($PAGE_ID$='sitePage1')?>
<section>
<div id="slider">
<ul class="slides">
<li class="slide">
<img src="/.s/t/1702/slider.png" alt="img">
<div class="caption">
<div class="cap-ttl">Lorem ipsum dolor sit amet, consectetur</div>
<div class="cap-ds description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam augue tortor, mattis ac mollis viverra, lobortis at mi. Vivamus eget magna luctus, vehicula sapien in, accumsan lorem. Nullam iaculis enim id dictum finibus. Class aptent taciti massa nunc.
</div>
<div class="cap-ds"><a role="button" href="#">More</a></div>
</div>
</li>
<li class="slide">
<img src="/.s/t/1702/slider.png" alt="img">
<div class="caption">
<div class="cap-ttl">Lorem ipsum dolor sit amet, consectetur</div>
<div class="cap-ds description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam augue tortor, mattis ac mollis viverra, lobortis at mi. Vivamus eget magna luctus, vehicula sapien in, accumsan lorem. Nullam iaculis enim id dictum finibus. Class aptent taciti massa nunc.
</div>
<div class="cap-ds"><a role="button" href="#">More</a></div>
</div>
</li>
<li class="slide">
<img src="/.s/t/1702/slider.png" alt="img">
<div class="caption">
<div class="cap-ttl">Lorem ipsum dolor sit amet, consectetur</div>
<div class="cap-ds description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam augue tortor, mattis ac mollis viverra, lobortis at mi. Vivamus eget magna luctus, vehicula sapien in, accumsan lorem. Nullam iaculis enim id dictum finibus. Class aptent taciti massa nunc.
</div>
<div class="cap-ds"><a role="button" href="#">More</a></div>
</div>
</li>
</ul>
<div class="custom-navigation">
<i class="material-icons flex-prev">keyboard_arrow_left</i>
<div class="custom-controls-container"></div>
<i class="material-icons flex-next">keyboard_arrow_right</i>
</div>
</div>
<script type="text/javascript" src="/.s/t/1702/jquery.flexslider-min.js"></script>
<script>
$(function(){
$('#slider').flexslider({
animation: "slide",
slideshowSpeed: 10000,
controlsContainer: $(".custom-controls-container"),
customDirectionNav: $(".custom-navigation i")
});
})
</script>
</section>
<?endif?>
и Проверьте как будет отображаться нормально или нет. Если нормально, тогда ссылки на фото свои лишь пропишите и сохраните изменения.
Yuri_Geruk,
все вышло, огромное спасибо. стандартный код и прописать вручную все исправили))) БЛАГОДАРЮ
...