Поддержка Проблемы и решения Резиновый слайдер

  • Решил сменить стандартный слайдер в теме «Twenty Eleven» на другой со стрелочками. Нашел «Easing Slider» в популярных плагинах и поставил его. Все устраивало, но дело в том что он не резиновый. Тоесть весь сайт подстраивается под нужное разрешение, но не этот слайдер. Он выходит за границы сайта. Выглядит довольно некрасиво. Может быть Вы мне подскажете какой-нибудь хороший резиновый слайдер? Надеюсь на помощь.

    Вот фото для наглядности http://rghost.ru/41309480/image.png

Просмотр 7 ответов — с 1 по 7 (всего 7)
  • Достаточно поставить значение width: 100%; для блока родителя. Вроде класс lof-container. Т.е. попробуйте так — добавить в style.css.lof-container {width: 100%;}.

    А вообще, вроде в консоли есть настройки плагина и его ширина в частности.

    Да нет, Вы не поняли. Ширину я настроил. Просто в меньшем разрешении он вылезает за экран в то время как все остальное подстраивается.

    Скрин — http://rghost.ru/41324164/image.png

    Вставил в style.css — .lof-container {width: 100%;}. и ничего не поменялось

    Все таки я думаю, что понял Вас верно.
    Потому и рекомендую использовать width: 100%, такое значение позволяет сделать «резиновой» ширину изображения, с высотой бывают трудности вот как разх обсуждали — ru.forums.wordpress.org/topic/Растянуто-изображение-в-ie.

    Буду гуглить как сделать резиновой ширину изображения или поставлю другой слайдер, спасибо

    В гугле все говорят использовать width: 100%. Я вставлял код

    img {
       max-width: 100%;
       height: auto;
    }

    в конец style.css, но ничего не произошло. Попробывал поставить плагин WP Fluid Images который делает это сам, но опять ничего не произошло. Пожалуйста, обьсните поподробнее куда это вставлять. Может быть Easing Slider как-то по своему подгружает изображения и из-за этого ничего не получается?

    Да нет, скорее просто указанные выше свойства для img переопределяются более сильными правилами. Нужно смотреть предметно. Угадать я попробовал, как оказалось, не верно угадал.

    Skodnik, огромное Вам спасибо! Я добавил его в скайпе и попросил помочь с этим слайдером, так он за 5 минут управился. Он добавил в css темы строчки:

    .lof-container {width: 100% !important;}
    .lof-slidecontent {width: 99.5% !important;}
    .lof-main-outer {width: 99.99% !important;}

    И сказал попробывать очистить кэш сайта. Теперь всё работает.

Просмотр 7 ответов — с 1 по 7 (всего 7)
  • Тема «Резиновый слайдер» закрыта для новых ответов.