Привет! Подскажите, поменял слайдер как вы указывали здесь, но почему то не изменяются размеры при адаптивной верстке
Аккаунт SL-404454
1
Слайдер Для Адаптивной Верстке
Автор timka, 06 янв. 2017 20:49
Сообщений в теме: 2
#1
Отправлено 06 Январь 2017 - 20:49
#2
Отправлено 17 Январь 2017 - 11:23
timka (06 Январь 2017 - 20:49) писал:
Привет! Подскажите, поменял слайдер как вы указывали здесь, но почему то не изменяются размеры при адаптивной верстке
Аккаунт SL-404454
Аккаунт SL-404454
Здравствуйте. Простите за долгое ожидание ответа. В данном случае у Вас на заменены стили для слайдера. Вам необходимо в файле main.css найти блок
#slideshow {position: relative;overflow: hidden;} #slideshow .slide {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;} #slideshow .text {position: absolute;top: 60%;right: 10%;padding: 0 15px;} #slideshow .text .title {color: #8C2C29;margin-bottom: 15px;font-weight: 500;font-size: 36px;text-transform: uppercase;} #slideshow .preloading {height: 150%;} #slideshow .preloading .folding-cube {margin-top: -150px;}и заменить его на
/*** Слайдер ***/ #slideshow {position: relative;width: 100%;cursor: hand;height:auto !important;} #slideshow .slider {width: 100%;} #slideshow .slider a {display: none;height: 800px;background: url("{ASSETS_IMAGES_PATH}slide1.jpg?design=sunrise") center center no-repeat;background-size: cover; } #slideshow .slider a span {display: none;} #slideshow .slider a:first-child {display: block;} #slideshow .preloading {height: 150%;} #slideshow .preloading .folding-cube {margin-top: -150px;} #slideshow .owl-controls {display: none !important;} #slideshow .nav {display: block;position: absolute;top: 50%;width: 100%;overflow: visible;z-index: 9;} #slideshow .nav a {display: block;width: 30px;height: 55px;background: url("{ASSETS_IMAGES_PATH}arrow.png?design=sunrise") center center no-repeat;} #slideshow .nav a.next {background-position: -76px -33px;float: right;margin-right: 15px;} #slideshow .nav a.prev {background-position: -14px -33px;float: left;margin-left: 15px;} #slideshow .preloading {height: 150%;} #slideshow .preloading .folding-cube {margin-top: -150px;}
#3
Отправлено 17 Январь 2017 - 12:35
уже не актуально
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных