Достаточно поставить значение 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;}
И сказал попробывать очистить кэш сайта. Теперь всё работает.