Иконка с текстом

Использование

Опция Добавить иконку позволяет выбрать иконку. Доступно несколько icon-паков. Подробнее тут.

Параметр Текст позволяет настроить текст надписи.

При добавлении ссылки можно задать URL, а также опции Открыть в новой вкладке и nofollow.

Размер иконки

Данный параметр позволяет задать размер иконки в px или в em.

Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet

Настройки цветов

Имеется возможность настроить:

  • Цвет иконки
  • Цвет надписи
  • Цвет при наведении
  • Цвет при нажатии

Для иконки можно задать градиентную заливку.

Иконка с градиентной заливкой. Цвет текста изменен.

Расположение иконки и выравнивание текста

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

12
вариантов расположения иконки

 

Выравнивание текста:

  • Слева
  • По центру
  • Справа
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Настройки типографики

Доступны все настройки типографики: гарнитура шрифта, размер шрифта, высота строки и т.д.

Увеличенный текст
Красивый текст
Жирный текст

Зазор между иконкой и текстом

Данный параметр позволяет настроить величину зазора. По умолчанию 10px.

Нормальный зазор между иконкой и текстом
Большой зазор между иконкой и текстом
Очень большой зазор между иконкой и текстом