Question

Добрый день, уважаемые знатоки. На слайдере фотография обрезается по нижнему краю белым полем. https://prnt.sc/u5bhqp
Шаблон сайта- 1221. Размер фото: 1050*550
В таблице стилей пробовал изменить высоту в пункте .slider,по умолчанию стоит 300, я прописал 560, но там лишь увеличилось белое поле.
В блоке "Страницы сайта" , в код html убрал весь текст по умолчанию (в заголовке и тп) и прописал путь к фото. (остальная часть отличается лишь адресом фото)
<div class="slider">
 <div class="slider-border">
 <ul class="bxslider">
 <li>
 <div class="slide-box">
 <h1><p><strong></strong></p></h1>
<img src="https://up-kultury.ucoz.net/slide1.jpg" />
  <div class="sub-info"><span></span></div>
 </div>
 </li>

Пробовал убирать строку с заголовком (<h1...), не помогло.
Внимание, вопрос: что мне необходимо сделать, чтобы на слайдере отображались корректные изображения (только изображения!, без подписей, кнопок и тп) ? 

Answer 1

Пропишите в таблицу стилей CSS следующую строку:

.bx-viewport,.slide-box,.slider {height:550px!important;}

это исправит работу слайдера и будет как вам нужно.

Comments

Юрий, прежде чем я начну это делать, хотел бы уточнить, в каком разделе Таблицы стилей CSS вставлять эту строчку? Или это не играет роли?

---

Константин Гущин #2,

Можете установить в 9 строке перед текстом /* General Style */

---

Константин Гущин #2,

Удалите в стилях 1-2 строки что вы добавили: http://joxi.ru/BA05dL7SPeVNXr такого мусора там быть не должно из-за него проблема.

---

Yuri_Geruk,

*рукалицо* ну конечно же.. это я себе пометку в блокноте сделал, что у меня там, чтоб не забыть... вот оно и скопипастилось обратно. Спасибо, помогло.