Следите за новостями любимого конструктора сайтов uCoz в социальных сетях!
В стилях в строках номера 854,855, 927, 931 найдите значение:
color: #fff;
и замените на:
color: #000;
странно, на 2х телефонах по-разному отображается.
вижу поменялся цвет текста, но изначальный вариант как на скрине нельзя сделать?
или сменить на другой цвет, не пойму в каком он формате, должно быть 3 или 6 символов? если мне нужен цвет например
знак # должен быть в каждом коде цвета. Подберите нужный цвет на сайте https://www.color-hex.com/ и пропишите другой если черный не подходит.
По цвету текста поняла, спасибо.
Но все таки вариант с затемнением всего слайда, как было стандартно возможно сделать (на фото слева)? Не пойму как так поменялось
<?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?>
В коде все корректно. Попробуйте переключит версию библиотеки квери.
Попробуйте сделать следующее, сохраните текущий код блока промо себе где-то в текстовый редактор и вставьте стандартный:
<?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?>