Перейти к содержимому


Слайдер Для Адаптивной Верстке


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 2

#1 timka

timka

    Пользователь

  • Пользователи
  • PipPip
  • 28 сообщений

Отправлено 06 Январь 2017 - 20:49

Привет! Подскажите, поменял слайдер как вы указывали здесь, но почему то не изменяются размеры при адаптивной верстке
Аккаунт SL-404454

#2 Stasya

Stasya

    Активный участник

  • Модератоpы
  • 4 007 сообщений

Отправлено 17 Январь 2017 - 11:23

Просмотр сообщенияtimka (06 Январь 2017 - 20:49) писал:

Привет! Подскажите, поменял слайдер как вы указывали здесь, но почему то не изменяются размеры при адаптивной верстке
Аккаунт 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 timka

timka

    Пользователь

  • Пользователи
  • PipPip
  • 28 сообщений

Отправлено 17 Январь 2017 - 12:35

уже не актуально




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных