Хотелось бы рассказать о том, как убрать рамки вокруг картинок на страницах сайта WordPress. Для чего это надо? Конечно же что ситуации бывают разные. В некоторых шаблонах картинки в рамках смотрятся эффектнее, чем без рамок. А вот на белом фоне страниц сайта рамки для картинок как-то не очень смотрятся.
Начнём по порядку. Вы сменили шаблон своего сайта на новый, в котором цвет страниц белый. Вокруг всех картинок появились рамки какого-то определённого цвета, а Вам это не нравится. Что делать…
Толщина и цвет рамки прописывается в файле style.css. Достаточно слегка подредактировать в одном месте этого файла и рамка исчезнет. Или наоборот, если Вам надо будет увеличить толщину рамки и поменять её цвет, то Вам тоже пригодится эта статья.
Первым делом заходим в панель инструментов. В меню «Дизайн» переходим в «Редактор» и открываем файл style.css. В этом файле надо найти строчки, которые выглядят примерно так:
art-article img, img.art-article
{
border: solid 1px #8FA5BA;
margin: 1em;
}
или могут выглядеть так:
.article img, img.article, .block img, .footer img
{
border: solid 1px #8FA5BA;
margin: 7px;
}
Файл style.css по размерам очень большой, поэтому воспользуйтесь поиском с помощью комбинации клавиш Ctrl + F. В поисковой строке впишите слово article и таким образом Вы быстро найдёте нужные строчки кода.
Нам нужно отредактировать строчку border: solid 1px #8FA5BA; . В этой строчке необходимо всего лишь изменить величину 1px на 0рх. Код цвета здесь роли играть не будет. Прописав 0 вместо 1, исчезнут рамки вокруг картинок. Не забудьте после изменений нажать на кнопку «Обновить файл»
Для тех, кому нужно наоборот увеличить толщину рамки или изменить цвет, то соответственно меняйте в этой строчке величины на те, которые Вам нужны.
Надеюсь, что эта статья кому-то поможет.
Статья была полезной?