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


Поменять Значки


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

#1 aleff

aleff

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

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

Отправлено 22 Сентябрь 2016 - 12:57

Как изменить значки у хит, новинка итп на такой тип

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

  • 22-09-2016 12-51-59.jpg


#2 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 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 aleff

aleff

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

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

Отправлено 22 Сентябрь 2016 - 13:30

как регулировать ширину?

#4 Razon

Razon

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

  • Модератоpы
  • 321 сообщений

Отправлено 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 анонимных