Как изменить значки у хит, новинка итп на такой тип
1
Поменять Значки
Автор aleff, 22 сент. 2016 12:57
Сообщений в теме: 3
#1
Отправлено 22 Сентябрь 2016 - 12:57
#2
Отправлено 22 Сентябрь 2016 - 13:07
aleff (22 Сентябрь 2016 - 12:57) писал:
Как изменить значки у хит, новинка итп на такой тип
Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.ico-product span {font-size: 10px;font-weight: 700;text-transform: uppercase;color: #fff;position: absolute;top: 5px;text-align: center;line-height: 43px;border-radius: 100%;min-height: 43px;min-width: 43px;padding: 3px;z-index: 20;} .ico-product .ico-sale {background: #d9526b;right: 5px;} .ico-product .ico-new {background: #fb8233;left: 5px;min-height: 56px;line-height: 50px;} .ico-product .ico-best {background: #3fd27a;left: 5px;line-height: 36px;}
Замените на:
.ico-product span {font-size: 10px;font-weight: 700;text-transform: uppercase;color: #fff;position: absolute;top: 5px;text-align: center;line-height: 30px;min-height: 30px;min-width: 43px;padding: 3px;z-index: 20;} .ico-product .ico-sale {background: #d9526b;right: 5px;} .ico-product .ico-new {background: #fb8233;left: 5px;min-height: 30px;line-height: 30px;} .ico-product .ico-best {background: #3fd27a;left: 5px;line-height: 30px;}
#3
Отправлено 22 Сентябрь 2016 - 13:30
как регулировать ширину?
#4
Отправлено 22 Сентябрь 2016 - 13:40
aleff (22 Сентябрь 2016 - 13:30) писал:
как регулировать ширину?
Для того, чтоб регулировать ширину всех заданных кнопок
В строке:
.ico-product span {font-size: 10px;font-weight: 700;text-transform: uppercase;color: #fff;position: absolute;top: 5px;text-align: center;line-height: 30px;min-height: 30px;min-width: 43px;padding: 3px;z-index: 20;}
Добавьте параметр width:120px; он устанавливает ширину, у вас должно получиться:
.ico-product span {font-size: 10px;font-weight: 700;text-transform: uppercase;color: #fff;position: absolute;top: 5px;text-align: center;line-height: 30px;min-height: 30px;min-width: 43px;padding: 3px;z-index: 20; width: 120px;}
Чем больше значение width тем шире будут кнопки и наоборот, так вы сможете отрегулировать их под нужный вам размер.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных