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


Закруглить Углы У Блока С Товаром


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

#1 Jango Freeman

Jango Freeman

    Пользователь

  • Пользователи
  • PipPip
  • 47 сообщений
  • ГородНевельск

Отправлено 20 Март 2015 - 16:18

Как сделать закругленные углы у самого блока на главной? скрин 1
Как закруглить углы у фото в блоке с товаром на главной? скрин 2

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

  • 1.jpg
  • 2.jpg


#2 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 20 Март 2015 - 18:38

Просмотр сообщенияJango Freeman (20 Март 2015 - 16:18) писал:

Как сделать закругленные углы у самого блока на главной? скрин 1
Как закруглить углы у фото в блоке с товаром на главной? скрин 2
Здравствуйте. В main.css замените
.menu-item-slider a img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
}
на
.menu-item-slider a img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
  border-radius: 25px;
}
затем
.menu-item {
		position: relative;
		display: inline-block;
		float: none !important;
		margin: 6px;
		width: 23%;
		vertical-align: top;
		background: url('http://design.ironkabis-65.ru/bg.png?0569') repeat left top;
}
замените на
.menu-item {
		position: relative;
		display: inline-block;
		float: none !important;
		margin: 6px;
		width: 23%;
		vertical-align: top;
		background: url('http://design.ironkabis-65.ru/bg.png?0569') repeat left top;
		border-radius: 25px;
}
и
.item-box {
  border: 1px solid #bdc3c7;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
замените на
.item-box {
  border: 1px solid #bdc3c7;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 25px;
}


#3 Jango Freeman

Jango Freeman

    Пользователь

  • Пользователи
  • PipPip
  • 47 сообщений
  • ГородНевельск

Отправлено 20 Март 2015 - 18:49

Просмотр сообщенияAlekseys (20 Март 2015 - 18:38) писал:

Здравствуйте. В main.css замените
.menu-item-slider a img {
display: block;
margin: 0 auto;
max-width: 100%;
max-height: 100%;
}
на
.menu-item-slider a img {
display: block;
margin: 0 auto;
max-width: 100%;
max-height: 100%;
border-radius: 25px;
}
затем
.menu-item {
	 position: relative;
	 display: inline-block;
	 float: none !important;
	 margin: 6px;
	 width: 23%;
	 vertical-align: top;
	 background: url('http://design.ironkabis-65.ru/bg.png?0569') repeat left top;
}
замените на
.menu-item {
	 position: relative;
	 display: inline-block;
	 float: none !important;
	 margin: 6px;
	 width: 23%;
	 vertical-align: top;
	 background: url('http://design.ironkabis-65.ru/bg.png?0569') repeat left top;
border-radius: 25px;
}
и
.item-box {
border: 1px solid #bdc3c7;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
замените на
.item-box {
border: 1px solid #bdc3c7;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 25px;
}

Спасибо! Все получилось.




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

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