0
Сделать Изображение По Центру И Сделать Белый Фон У Товара
Автор dmitriy750, 11 янв. 2017 16:29
Сообщений в теме: 10
#1
Отправлено 11 Январь 2017 - 16:29
На главной странице нужно сделать чтобы фотографии товара были по центру и фон был белым.
Сейчас фотография приближена к левому краю, и серый фон у фотографии.
Сейчас фотография приближена к левому краю, и серый фон у фотографии.
#2
Отправлено 12 Январь 2017 - 11:18
Добрый день, мне сможет кто то помочь в решении данных вопросов?
#3
Отправлено 15 Январь 2017 - 12:38
Аууу.. прошло уже 4 дня, может кто то из поддержки сможет мне помочь с решением вопроса?
#4
Отправлено 15 Январь 2017 - 12:54
dmitriy750 (11 Январь 2017 - 16:29) писал:
На главной странице нужно сделать чтобы фотографии товара были по центру и фон был белым.
Сейчас фотография приближена к левому краю, и серый фон у фотографии.
Сейчас фотография приближена к левому краю, и серый фон у фотографии.
Здравствуйте.
В данном случае попробуйте, пожалуйста. произвести следующие изменения:
В шаблоне main.css найдите, пожалуйста, данный код:
.products-grid .item .item-inner .item-img > a { display: table-cell; vertical-align: middle; z-index: 1; width: 270px; height: 270px; background: #fff; }
И замените его вот этим вот кодом:
.products-grid .item .item-inner .item-img > a { display: -webkit-inline-box; vertical-align: middle; z-index: 1; width: 270px; height: 270px; background: #fff; line-height: 250px; }
#5
Отправлено 15 Январь 2017 - 15:51
Сделал как вы написали, ничего не изменилось.
Вернее фото стало по центру, а фон остался серым.
Вернее фото стало по центру, а фон остался серым.
#6
Отправлено 15 Январь 2017 - 15:56
dmitriy750 (15 Январь 2017 - 15:51) писал:
Сделал как вы написали, ничего не изменилось.
Вернее фото стало по центру, а фон остался серым.
Вернее фото стало по центру, а фон остался серым.
Тогда найдите, пожалуйста, в шаблоне main.css следующий код:
.products-grid .item .item-inner .item-img { position: relative; overflow: hidden; border: 0; text-align: center; min-height: 110px; background: rgba(0,0,0,0.02); }
И замените его вот этим вот кодом:
.products-grid .item .item-inner .item-img { position: relative; overflow: hidden; border: 0; text-align: center; min-height: 110px; background: rgb(255, 255, 255); }
#7
Отправлено 15 Январь 2017 - 16:01
Увы, не помогло.
#8
Отправлено 15 Январь 2017 - 16:06
dmitriy750 (15 Январь 2017 - 16:01) писал:
Увы, не помогло.
К сожалению у вас не совсем верно произведены были изменения и чтобы из исправить - вам необходимо произвести следующие изменения:
В шаблоне main.css найдите, пожалуйста, снова данный код:
.products-grid .item .item-inner .item-img { position: relative; overflow: hidden; border: 0; text-align: center; min-height: 110px; background: rgba(255, 255, 255); }
И замените его вот этим вот кодом:
.products-grid .item .item-inner .item-img { position: relative; overflow: hidden; border: 0; text-align: center; min-height: 110px; background: rgb(255, 255, 255); }
#9
Отправлено 15 Январь 2017 - 16:17
Получилось, спасибо)
#11
Отправлено 14 Июнь 2017 - 08:41
Здравствуйте.
Для этого загружайте изображения без белого фона вокруг самого объекта, так как этот фон также занимает место и является частью всего изображения.
Для этого загружайте изображения без белого фона вокруг самого объекта, так как этот фон также занимает место и является частью всего изображения.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных