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

голоса: 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;

| Автор:
Выбор ответа лучшим | | Автор: Андрей Андрей
раньше у меня отображались номера строк слева, а сейчас нет, как включить? считать 800-900 строк проблематично
Андрей Андрей,
Номера строк включаются в редакторе, пример на скриншоте http://joxi.ru/52ag1aOcEGwPbr
поменяла цвет на 000, но ничего не изменилось
Yuri_Geruk,
номера строк уже нашла, включила
Андрей Андрей,
Изменилось, кеш в браузере нужно чистить.
Yuri_Geruk,

странно, на 2х  телефонах по-разному отображается.

вижу поменялся цвет текста, но изначальный вариант как на скрине нельзя сделать? 

или сменить на другой цвет, не пойму в каком он формате, должно быть 3 или 6 символов? если мне нужен цвет например 

Blue #0000FF 0, 0, 255
Андрей Андрей,

знак # должен быть в каждом коде цвета. Подберите нужный цвет на сайте https://www.color-hex.com/ и пропишите другой если черный не подходит.

Yuri_Geruk,

По цвету текста поняла, спасибо.

Но все таки вариант с затемнением всего слайда, как было стандартно возможно сделать (на фото слева)? Не  пойму как так поменялось

Андрей Андрей,
Покажите текущий полный код блока промо.
Yuri_Geruk,

<?if($PAGE_ID$='sitePage1')?>
 <section>
 <div id="slider">
 <div class="slides">
 <li class="slide">
 <img src="/qq/1-2.jpg" alt="img">
 <div class="caption">
 <div class="cap-ttl">Кривой Рог, Соц.город, ул.Олейникова 7</div>
 <div class="cap-ds description">(056) 443-01-10, (097) 865-32-80, (098) 737-91-85
 </div>
 <div class="cap-ds"><a role="button" href="http://xn----7sbbd6beglgbi1n.com.ua/index/nash_ofis/0-4">Подробнее</a></div>
 </div>
 </li>
 <li class="slide">
 <img src="qq/2-5.jpg" alt="img">
 <div class="caption">
 <div class="cap-ttl">Балконы и Лоджии (098)737-91-85</div>
 <div class="cap-ds description">Балконы, лоджии под ключ. Балконные блоки, балконные рамы, укрепление, обшивка, утепление балконов.
 </div>
 <div class="cap-ds"><a role="button" href="http://xn----7sbbd6beglgbi1n.com.ua/index/balkony/0-17">Подробнее</a></div>
 </div>
 </li>
 <li class="slide">
 <img src="/.s/t/1702/slider.png" alt="img">
 <div class="caption">
 <div class="cap-ttl">Защитные роллеты ALUTECH (097)865-32-80</div>
 <div class="cap-ds description">Гаражные роллеты. Алюминиевые роллеты на окна. Секционные ворота с автоматикой. 
 </div>
 <div class="cap-ds"><a role="button" href="http://xn----7sbbd6beglgbi1n.com.ua/index/rollety/0-14">Подробнее</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?>

Андрей Андрей,

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

  • Перейти в Панель управления » Главная » Настройки » Общие настройки » Версия библиотеки 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,
все вышло, огромное спасибо. стандартный код и прописать вручную все исправили))) БЛАГОДАРЮ
...