Поддержка Темы и шаблоны Кастомная иконка

  • Доброго времени суток.
    У меня возникла такая проблемка: на сайте, в одном блоке есть место для иконки, и выбрать ее можно из пака иконок fontawsome. Мне же нужна своя иконка. Я придумал костыль, добавил css который подменяет content и вставляет мою png. Проблема в том, что изображение сильно теряет в качестве.

Просмотр 4 ответов — с 1 по 4 (всего 4)
  • мою png. Проблема в том, что изображение сильно теряет в качестве.

    Или делать png нужного размера или использовать SVG.

    Автор BohdanchukVL

    (@bohdanchukvl)

    Или делать png нужного размера или использовать SVG.

    Да, svg вроде лучше выглядит, но есть проблема с маштабированием. Тег :before не поддаеться стандартным способам задания размера.

    Тег :before не поддаеться стандартным способам задания размера.

    Во первых это не тег, а псевдоэлемент, во вторых «поддаётся» сам элемент.

    Автор BohdanchukVL

    (@bohdanchukvl)

    Во первых это не тег, а псевдоэлемент, во вторых «поддаётся» сам элемент.

    Я включаю иконку непосредственно в псевдоэлементе, вот как это выглядит:

    .icon-bargraph:before {
    max-width: 100px;
    content: url(http://yeeeha.pp.ua/site6/wp-content/uploads/2017/05/drone.svg);
    }

Просмотр 4 ответов — с 1 по 4 (всего 4)
  • Тема «Кастомная иконка» закрыта для новых ответов.