admin История о том, как мне нужно было убрать рамку вокруг картинки в постах моего блога на 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 на ноль.
В шаблоне 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;
}
Спс попал бы сразу на блог не промучился бы сколько =)
О! Тоже как-то кучу времени и нервов потратила на эту несчастную рамку. Причем очень критично было ее убрать. Так бы забила конечно. Пришел муж с работы — убрал за 10 секунд! Теперь я тоже умею 🙂
Спасибо большое, а то начал сеня оформлять страницу контакты и все свойства облазил, не нашел как убрать рамку, оказывается изначально в коде это стояло. А такой вопрос, можно ли сделать так, чтобы при нажатии на кнопку убиралась рамка, а обычно в постах так и продолжалась ставиться?
От же ж блинский блин!!! Как меня достала эта рамка, особенно, когда перепосты на другие блоги. Теперь влезу в настройки, подкручу))))
И ведь как же просто от этого избавиться, так и в жизни, что-то мешает, а вдруг так же всё просто, конечно, надо знать секретик!