Всем шалом.
Хочу загрузить список контента на сайт, но никак не могу разобраться с размерами изображений. Интересует стиль списка плитка, добавляю тип изображения с размерами 220х140 пикселей. В итоге изображение все равно обрезается по вертикали, а не уменьшается пропорционально согласно указанным пределам. Пробовал указывать один предел по ширине или по высоте, ставить галочку квадрат. В любом случае не получается полноценного превью, а идет обрезка. Что делаю не так, как победить недуг?
InstantCMS 2.X
#1
13 августа 2017 в 22:42
#3
14 августа 2017 в 02:12
Уже пробовал, результат равен стандартной загрузке, вертикальная картинка на половину обрезается, а не масштабируется согласно указанным размерам.
Сегодня в 04:40
Видимо, после масштабирования по ширине контейнера, ваша картинка уже не 220х140 а больше, вот и обрезается.добавляю тип изображения с размерами 220х140 пикселей. В итоге изображение все равно обрезается
Это сделано специально, чтобы "плитка" была одинаковой высоты.
Если вы уверы, что все ваши картинки имеют одинаковый размер, то:
1. В templates/default/css/theme-content.css Найдите правила класса .photo (примерно в 495 строке) и удалите (закомментируте)
height: 140px;
overflow: hidden;
2. Там же, в классе .photo a > img (строка ~517) удалите
display: none;
После этого, у вас скорее всего вылезут другие косяки, но в любом случае, искать и исправлять нужно в css стилях.
#5
14 августа 2017 в 18:32
Спасибо, помогло, не подскажете еще как сделать, чтобы картинка, одна из сторон которая меньше пределов 220x140px отображалась всегда по центру блока (по вертикали и горизонтали)?