Как сделать закругленные углы у самого блока на главной? скрин 1
Как закруглить углы у фото в блоке с товаром на главной? скрин 2
1
Закруглить Углы У Блока С Товаром
Автор Jango Freeman, 20 марта 2015 16:18
Сообщений в теме: 2
#1
Отправлено 20 Март 2015 - 16:18
#2
Отправлено 20 Март 2015 - 18:38
Jango Freeman (20 Март 2015 - 16:18) писал:
Как сделать закругленные углы у самого блока на главной? скрин 1
Как закруглить углы у фото в блоке с товаром на главной? скрин 2
Как закруглить углы у фото в блоке с товаром на главной? скрин 2
.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
Отправлено 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 анонимных