logo

Как убрать рамку на картинках сайта

Хотелось бы рассказать о том, как убрать рамки вокруг картинок на страницах сайта 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, исчезнут рамки вокруг картинок. Не забудьте после изменений нажать на кнопку "Обновить файл"

Для тех, кому нужно наоборот увеличить толщину рамки или изменить цвет, то соответственно меняйте в этой строчке величины на те, которые Вам нужны.

Надеюсь, что эта статья кому-то поможет.

 

 

Как убрать рамку на картинках сайта обновлено: Апрель 10, 2017 автором: admin

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

▲Вверх