Перейти к содержимому


Изображения Категорий


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 3

#1 ProninT

ProninT

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 183 сообщений

Отправлено 17 Август 2015 - 01:26

Здравствуйте! Помогите решить вот что!
1) по ссылке http://babo4ek.net/catalog надо чтобы эти изображения категорий были выравнены по центру
2) по ссылке http://babo4ek.net/c...heskie-babochki надо чтобы изображения категорий были меньше в 2 раза и также выравнены по центру

#2 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 17 Август 2015 - 14:05

Просмотр сообщенияProninT (17 Август 2015 - 01:26) писал:

Здравствуйте! Помогите решить вот что!
1) по ссылке http://babo4ek.net/catalog надо чтобы эти изображения категорий были выравнены по центру
2) по ссылке http://babo4ek.net/c...heskie-babochki надо чтобы изображения категорий были меньше в 2 раза и также выравнены по центру
Здравствуйте,
1.  найдите в файле main.css
#main {
	float: right;
	padding: 0;
  }
замените на


#main {
	float: right;
	padding: 0;
	display: flex;
}



#3 ProninT

ProninT

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 183 сообщений

Отправлено 17 Август 2015 - 16:01

Просмотр сообщенияИрина345 (17 Август 2015 - 14:05) писал:

Здравствуйте,
1.  найдите в файле main.css
#main {
float: right;
padding: 0;
}
замените на


#main {
float: right;
padding: 0;
display: flex;
}


у меня все жестко поехало причем не по первой ссылке (по ней не поменялось) а по второй!

#4 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 18 Август 2015 - 04:13

1. На данный момент изображения категорий занимают всю область, нет отступов от фото, от которых можно центрировать.
2. В main.css найдите:
.products-grid .item .item-inner .item-img .item-img-info a.product-image img {
	max-width: 100%;
}
попробуйте заменить на:
.products-grid .item .item-inner .item-img .item-img-info a.product-image img {
	max-width: 100%;
	padding: 10%;
}





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных