Как заработать?
Регистрация

Как заработать?
Регистрация

Как заработать?
Регистрация

Как заработать?
Регистрация

Как заработать?
Регистрация
Как заработать?
Регистрация

Как заработать?
Регистрация

Как заработать?
Регистрация

Как заработать?
Регистрация
Как заработать?
Регистрация

Как заработать?
Регистрация

Как заработать?
Регистрация

Как заработать?
Регистрация
Регистрация

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

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

 

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

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

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

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

картинка с рамкой

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

Итак, слова словами, давайте собственно перейдем к делу и разберемся, как убрать рамку вокруг картинки в 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-х минут времени, а что самое главное, теперь ваш сайт будет выглядеть еще более приятнее, чем раньше.

Рекомендую посетить следующие страницы:

Понравилась статья? Поделись ей с друзьями!

2 комментария на «Как убрать рамку вокруг картинки в WordPress?»

  • Сергей говорит:

    Здраствуйте! Большое спасибо, помогли, рамки убрал. Но есть другая проблема — картинки, а точнее миниатюры (22 на 17 примерно) находятся выше текста(как степень в математике), как бы над текстом, а мне надо, чтобы они были в одной строке. Как это можно отрегулировать?

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

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

Регистрация

Facebook Google + Вконтакте Twitter
С нами зарабатывают!
Регистрация
Регистрация