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

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

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

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

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

Заходим в файл Список стилей, который расположен в панели администратора (style.css) так же находим строчку:

.entry img{
border: 1px solid ;

И просто заменяем единицу на ноль в итоге получим:

.entry img{
border: 0px solid ;

Вуаля! Рамка исчезла!

P.S.

Поработав с другими темами, я заметил, что данный тег не всегда используется в CSS. Поэтому убрать рамку почти по всех случаях можно, если отыскать в CSS файле кусок:

img{ border: 1px solid #000; padding:0; } —  но толщина может быть 2 пикселя и более.

И заменить цифру 1 на ноль.

5 комментариев

  1. В шаблоне gardening_theme
    надо вырезать вот этот код тогда точно рамка вокруг картинки удалим, иначе ничего не помогло.

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

    .art-metadata-icons img
    {
    border: none;
    vertical-align: middle;
    margin: 2px;
    }

    .art-article table, table.art-article
    {
    border-collapse: collapse;
    margin: 1px;
    width: auto;
    }

    .art-article table, table.art-article .art-article tr, .art-article th, .art-article td
    {
    background-color: Transparent;
    }

    .art-article th, .art-article td
    {
    padding: 2px;
    border: solid 1px #B5B5B5;
    vertical-align: top;
    text-align: left;
    }

    .art-article th
    {
    text-align: center;
    vertical-align: middle;
    padding: 7px;
    }

  2. Спс попал бы сразу на блог не промучился бы сколько =)

  3. О! Тоже как-то кучу времени и нервов потратила на эту несчастную рамку. Причем очень критично было ее убрать. Так бы забила конечно. Пришел муж с работы — убрал за 10 секунд! Теперь я тоже умею 🙂

  4. Спасибо большое, а то начал сеня оформлять страницу контакты и все свойства облазил, не нашел как убрать рамку, оказывается изначально в коде это стояло. А такой вопрос, можно ли сделать так, чтобы при нажатии на кнопку убиралась рамка, а обычно в постах так и продолжалась ставиться?

  5. От же ж блинский блин!!! Как меня достала эта рамка, особенно, когда перепосты на другие блоги. Теперь влезу в настройки, подкручу))))
    И ведь как же просто от этого избавиться, так и в жизни, что-то мешает, а вдруг так же всё просто, конечно, надо знать секретик!

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

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