Как сделать так, чтобы картинка слайда с текстом не обрезалась на разных разрешениях?

Question

[ligisayan]

Всем привет! Есть сайт на wordpress с установленным адаптивным плагином слайдера LayerSlider
Как сделать так, чтобы на всех разрешениях картинка слайда не обрезалась и надпись тоже, а была прибита к правому краю?

Comments

[Ankhena]

Ваш сайт-то где? Или кусок кода https://jsfiddle.net/

[ligisayan]

Ankhena W: likemedia.by на главной вверху

Answer 1

[Алексей Голягин]

прописываете к картинке класс (ну или если он там есть), к этому классу в CSS прописываете правила

width: 100%;
height: auto;

К тексту тоже классы можно пременить. Вы бы ссылку скинули на свой сайт со слайдером, а бы вам точно сказал что прописать!

Comments

[ligisayan]

Алексей Голягин как только слайдеру задаю высоту auto - он тут же исчезает likemedia.by

[Алексей Голягин]

ligisayan: По идее так:
img.ls-bg.ls-preloaded {
width: 100% !important;
height: auto !important;
}
Но ваш слайдер я смотрю сам подставляет значения для стилей, из-за этого может не подойти. Но решить в любом случае все можно, на край немного функции слайдера переписать или заменить его на другой)

[ligisayan]

Алексей Голягин: нее, подставить стили способ ожидаемо не сработал. а какие функции слайдера можно переписать?

[Алексей Голягин]

ligisayan: Я вашим слайдером не пользовался, так что не чего не могу сказать, я и вордпресс как серьезный движек не воспринимаю, привык к модексу, там сам все творишь, создал слайдер, прикрутил)