Как убрать рамку вокруг смайликов

Как убрать рамку со смайликов? Такой вопрос возникает уже не первый раз у посетителей моего блога. Поэтому в этой статье я опишу тот способ, который помог мне убрать рамку вокруг смайликов.

А началось все с того, что мне захотелось сделать так, чтобы все рисунки, которые будут размещаться в постах были окружены рамкой.

Раньше у меня рамка была только вокруг миниатюры записи, которая выводится в самом начале поста. Долго не думая, я прописала в файле стиля моего шаблона  style.css, код, который сделал рамочку для всех изображений. НО! Вместе с изображениями и смайлики тоже попали в рамку.  А так как возвращать все назад и убирать рамку с изображений я не хотела, пришлось искать способ убрать рамку только со смайликов.

Так как смайлики у меня на блоге отображаются при помощи плагина  wp-Monalisa, то, логично именно в файлах этого плагина искать решение. Нужен файл, который отвечает за стиль вывода смайликов. Думаю по этому принципу можно решить проблему отображения рамки и при использовании других плагинов смайликов.

Убираем рамку вокруг смайликов

Для начала нам нужна сама папка с файлами плагина wp-Monalisa. Если у Вас на компьютере её нет, соединитесь по FTP (при помощи файлового менеджера) со своим сайтом  и скопируйте её с сайта из папки plugins на свой компьютер.

Из этой папки нам понадобиться только один файл, который называется wp-monalisa-default.css  (если хотите, можете скопировать на компьютер только его, а не всю папку). Это тот самый файл, который отвечает за то, в каком виде мы видим смайлики.

Теперь нужно открыть этот файл при помощи текстового редактора. Я, как всегда, настоятельно пользоваться для таких целей бесплатной программой Notepad++, так как она умеет корректно работать с кодировкой.

В этом файле нужно найти вот такой кусочек кода:

/* style for icon */
img.wpml_ico {
    border-spacing:2px;
    border-collapse:collapse;
    margin-left:auto;
    margin-right:auto;
}

Сделать это можно при помощи поиска по файлу или, просто можете опустится вниз, примерно на строку №68. Если Вы используете Notepad++, то в этой программе все строки будут пронумерованы. У меня это выглядит вот так:

Нам нужно будет немного подправить этот кусочек кода, который и отвечает за внешний вид смайликов.

В код нужно добавить вот такую строчку:

border: 0px !important;

В итоге у нас должен получится обновленный кусочек кода:

/* style for icon */
img.wpml_ico {
    border: 0px !important;
    border-spacing:2px;
    border-collapse:collapse;
    margin-left:auto;
    margin-right:auto;
}

Теперь этот файл нужно сохранить и забросить его на хостинг, туда, где он был, в папку плагина wp-Monalisa. Или, если Вы копировали всю папку, значит сохранить его в этой папке и закинуть всю папку, это не важно, главное файл обновить на сервере.

На вопрос файлового менеджера о том перезаписать ли файл, конечно ответить «да».

После такого исправления все рамки вокруг смайликов у меня на блоге пропали, а вокруг остальных изображений остались. Правда, мне пришлось убирать кроме рамки еще и небольшую тень, которая присутствует у меня вокруг изображений, но это уже не важно. Мне на блоге еще нужно кое-что исправить, но это уже не тема статьи.

Вот и все решение проблемы )

Как убрать рамку вокруг смайликов теперь знаете и Вы. Я, конечно, не претендую на то, что это единственный и лучший способ решения данной проблемы. Это просто способ, который помог мне. Если Вам известен другой работающий способ, пишите в комментариях о том как у Вас получилось убрать рамку вокруг смайликов.