Как убрать рамку вокруг картинки в WordPress?

Как убрать рамку вокруг картинки в WordPress?

Как убрать рамку вокруг картинки в WordPress?Как убрать рамку вокруг картинки в WordPress?

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

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

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

Вот пример картинки:

kartinka-s-ramkoj

Как видите, с рамкой выглядит она не очень, а вот если рамку убрать, то будет совсем другое дело.

Итак, слова словами, давайте собственно перейдем к делу и разберемся, как убрать рамку вокруг картинки в WordPress.

Убираем рамку вокруг картинки в шаблоне WordPress

Скажу сразу, что с этой задачей сможет справиться даже новичок. Что нужно будет сделать?

Зайти в админку, и там во вкладке «Внешний вид» перейти в «Редактор«. Затем в редакторе нужно будет перейти в таблицу стилей «style.css».  Как правило, она сразу подгружается, после входа в «Редактор«.

Далее в таблице стилей нужно будет найти вот такую строчку:

.art-article img, img.art-article
{
border: solid 1px #A6A6A6;
margin: 1em;
}

В некоторых темах, ее код может выглядеть немного иначе, но это не страшно, т.к. главное найти строчку, в коде которой будут присутствовать следующие значения: border: solid 1px #A6A6A6;.

Может быть и такое, что вы найдете 2 или более кода, в которых присутствует строчка — border: solid. Что тоже не страшно, т.к. нужно будет править тот, в котором class соответствует настройкам изображений (img). В моем случае он выглядит так .art-article img, img.art-article, а ниже него уже идут сами значения, отвечающие за вывод рамки и задающие ей цвет.

После того как ее нашли, нужно будет заменить в ней 1px на 0px, и подтвердить изменения нажатием кнопки «Обновить файл«. В конечном результате, ваша строчка должна принять вид: border: solid 0px #A6A6A6;. При этом код цвета можно даже и не менять, главное 1 пиксель, заменить значением 0 пикселей, и тогда рамка исчезнет и не будет вам больше докучать.

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

 

 

 

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *