Исправляем смайлы

👍 Научим создавать сайты на WordPress бесплатно за 19 уроков. Подробнее →

Многие разработчики тем забывают про смайлы. Точнее про то, как они будут выглядеть в блоге.

Часто получается что со вставкой смайлов появляются отступы, рамки и фон.

Вот небольшой пример кода, как это исправить

img.wp-smiley {
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
}
Создай свой первый сайт на WordPress

Ruslan
Оцените автора
Добавить комментарий

  1. Я бы еще добавил

    display: inline-block;
    vertical-align: middle;
    box-shadow:0 0 0 rgba(0, 0, 0, 0);
    -webkit-box-shadow:0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow:0 0 0 rgba(0, 0, 0, 0);
    

    и подабавлял бы в каждую строчку important:

    vertical-align: middle !important;
    

    а отступы по бокам оставил бы небольшие, чтобы смайлы впритык к тексту не выводились:

    margin-left: 3px !important;
    margin-right: 3px !important;
    
    Ответить
  2. Баф

    Если не сложно — объясните в каком именно css файле это нужно прописывать?

    Задача — убрать «разрывы» между строками, появляющиеся при вставке смайликов.

    А так же скажите, для их вставки вы используете дополнительные плагины, или только встроенные средства в сам WordPress?

    Ответить
    1. Ruslan автор

      у меня используются встроенные средства.

      код вставлять в style.css

      Ответить
      1. Баф

        ок, спасибо попробую
        А если css есть для разных версий браузера — то соответственно в каждую из них?

        Ответить
        1. Ruslan автор

          да. но обычно есть основной CSS(style.css) и CSS для отдельных браузеров

          Ответить