Сообщений в теме: 10

[dmitriy750]

На главной странице нужно сделать чтобы фотографии товара были по центру и фон был белым.
Сейчас фотография приближена к левому краю, и серый фон у фотографии.

Прикрепленные изображения

• 

[dmitriy750]

Добрый день, мне сможет кто то помочь в решении данных вопросов?

[dmitriy750]

Аууу.. прошло уже 4 дня, может кто то из поддержки сможет мне помочь с решением вопроса?

[RayLi]

 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;
}

[dmitriy750]

Сделал как вы написали, ничего не изменилось.

Вернее фото стало по центру, а фон остался серым.

[RayLi]

 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);
}

[dmitriy750]

Увы, не помогло.

[RayLi]

 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);
}

[dmitriy750]

Получилось, спасибо)

[dmitry86]

Просьба помочь с вопросом - сделать так, чтобы белый фон картинки расширялся на весь квадрат товара (см. фото).

Прикрепленные изображения

• 

[Vaccina]

Здравствуйте.

Для этого загружайте изображения без белого фона вокруг самого объекта, так как этот фон также занимает место и является частью всего изображения.