Изменение размеров смайлов

У себя в блоге решил использовать смайлы в виде картинок. Так выглядит несколько живее.

Но в итоге, т.к. смайлы несколько бОльше, чем шрифт – они разрывают строки текста, создавая лишние, мешающие пробелы.
Разрывы текста

После чтения вот прекрасной темы и вставки кода в свою css

img.wp-smiley {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    display: inline-block !important;
    vertical-align: middle !important;
    box-shadow:0 0 0 rgba(0, 0, 0, 0) !important;
    -webkit-box-shadow:0 0 0 rgba(0, 0, 0, 0) !important;
    -moz-box-shadow:0 0 0 rgba(0, 0, 0, 0) !important;
}

ситуация намного улучшилась!
Меньшие Разрывы текста

Редактировать большое количество смайлов – достаточно неблагородное занятие – может быть это удастся сделать средствами WordPress?

Вот здесь вы показываете, как можно изменить размер картинки на требуемый.

Можно ли как-то по аналогии не редактируя все смайлы вручную назначать им заранее известный размер 12×12 к примеру?

Тогда мне кажется, проблема будет решена…

2 Комментарии

  1. Ну а почему бы не добавить в приведенный css-код еще пару строк?
    [cc lang=”css”]width:12px !important;
    height: 12px !important;

Оставить комментарий

Ваш электронный адрес не будет опубликован.


*