Загрузка...
Как убрать рамку вокруг картинки в WordPress
В данное время очень популярно размещать картинки на белом фоне, есть темы в которых в стиле прописана рамка определенного цвета и определенной толщины, что конечно мешает иногда выглядеть нашему ресурсу так, как нам хотелось бы.
Итак, Вы выбрали шаблон WordPress, который Вам безумно понравился, но в теме картинки отображаются в рамке и что же нам делать? Искать другой шаблон или искать фрилансера. Все как всегда просто, в стиле шаблона есть элемент, который отвечает за рамки и за их толщину, цвет или соответственно за отсутствие всего этого.
Как обычно заходим в «Панель управления», далее «Дизайн» и затем «Редактор». Открываем файл style.css и там нам надо отыскать строки, примерно такого содержания:
art-article img, img.art-article
{
border: solid 0px #C4C4C4;
margin: 1em;
}
В разных темах может выглядеть по разному, главное найти строку и присутствие border: solid 1px #C4C4C4; и заменить 1px на 0px и у Вас должна получиться строка следующего содержания: border: solid 0px #C4C4C4; код цвета в данной ситуации не важен, главное чтобы Вы указали ноль пикселей и тогда рамки с картинок исчезнут и Вы сможете наслаждаться еще более красивым дизайном своего сайта, а главное еще одной маленькой победой на пути к достижению своей цели-заработку в интернете.
Евгений у меня к Вам вопрос, если я захочу поменять шаблон темы, что делать, просто установить другой?, а материал не удалится?
Андрей, можете смело менять, весь материал останется и будет отображаться в новом шаблоне, а также вы всегда сможете вернуть свой шаблон со своими настройками. Просто у разных шаблонов, разные сайтбары, но это все легко настраивается и все прошлые виджеты остаются в панели управления. Прежде чем применять тему, обязательно просмотрите в предварительном просмотре и если тема отображается корректно, смело можете ее активировать. Если будут вопросы, пишите в любое время, а всегда подскажу и помогу чем смогу.
Спасибо! Буду иметь в виду. Удачи Вам и процветания!
Петр, Вам тоже огромное спасибо, всегда приятно знать, что хоть чем-то можешь помочь людям.
Спасибо Вам за совет.Как говорится «С миру по нитке- голому заплатка» я не знала как это сделать. Попробую.
Таисия, я очень рад, что смог Вам помочь, иногда всякие мелочи нам очень сильно мешают, а решив проблему мы становимся немного счастливей. Всегда буду рад ответить на Ваши вопросы.
Евгений, как обычно, у меня нет такой строчки((( Как может быть по другому написано в моей теме не знаете?
Буду разбираться в свободное время, наверное опять придется покопаться в вашем сайте.
Уважаемый Евгений! Я так обрадовалась, что смогу избавиться от ужасных черных рамок на картинках, но увы... Перелопатила папку стилей вдоль и поперек, но указанных Вами строчек не нашла.Может быть, по свободе, подскажете какие еще могут быть варианты... Пожалуйста!!!
Ирина, посмотрите внимательнее, я тоже в первый раз очень долго искал. В любом случае напишите ответ.
Здравствуйте, Евгений! Еще несколько раз внимательно пересмотрела каждую строчку папки стилей. Текста art. article img, вообще нет.
В трех местах нашла где упоминается border solid но в другом конфигурации. Вот эти фрагменты.
Ага! А вставить я их не могу.
post.post_top)
border-botton:2px solid #9999 Короче это к рамке вокруг картинки не имеет отношения.
Вот задачка!!?
Темка называется Phyto
А ведь интересно, где же эта собака зарыта?
Евгений, спасибо Вам за внимание. У Вас очень интересный блог и теперь я Ваша постоянная читательница. Вот сейчас по Вашему примеру поставлю себе на блог этот замечательный плагинчик — сама пишу посты и очень не хочется чтоб кто-то огородничал на моих страницах. Спасибо Вам! И успехов!
Возможно все дело в Вашей теме, можете сбросить мне код, через форму обратной связи, я посмотрю.
Конечно, сейчас сделаю
Здравствуйте, Евгений! Только что сделала так как Вы посоветовали и УРА!!!! все получилось!!! Я просто прыгаю от радости! Наконец-то исчезли эти ужасные черные рамки вокруг картинок. Теперь и самой приятно смотреть и людям не стыдно показать. СПАСИБО Вам ОГРОМНОЕ!!! Вы просто СУПЕР!
Ирина, всегда рад помочь, а Ваши черные рамки конечно наводили грусть, а теперь все красиво и стильно. С Наступающим Новым Годом.
И Вас, Женя, с наступающим Новым годом! Успехов в творческих замыслах и благодарных читателей. У Вас здесь очень уютно и душевно тепло, как в доме гостеприимного хозяина. Радостей Вам и счастья!
Ирина, огромное спасибо за теплые слова. И конечно с Наступающим.
СПАСИБО ЗА ПОДСКАЗКУ ТЕПЕРЬ ВСЕ НОРМАЛЬНО)
Пожалуйста, рад что Вам помогла статья.
Все сделала,как вы сказали,но рамки почему-то остались
Ольга, в нашем деле чудес не бывает, или не сохранили файл после редактирования или просто надо обновить страницу несколько раз, возможно почистить кеш.
Спасибо большое Евгений. После проделанной процедуры, всё работает))). На самом деле Важная информация.
Кирилл, рад что статья принесла Вам пользу, в некоторых случаях это очень важно, особенно если сайт на белом фоне.
Не помогло...хотя строчку нужную нашёл, и поменял вместо 1рх на 0рх. В чем может быть проблема?
Антон, попробуйте обновить страницу несколько раз или почистить кеш. Чудес не бывает.
Евгений, будьте добры, возникла такая проблема: убирала рамку вокруг фото на сайте, воспользовалась вашими советами, все прошло удачно, бордер 0 пикселей... В поисковиках оперы все как нужно, а вот эксплорер — не радует в виджетах справа появились жуткие синие рамки.
Специалист я не великий, объясните как исправить, пожалуйста! %)
Нина, по эксплоеру не могу сказать, мой конек это заработок. Так что если есть проблема с отображением в эксплоере, то Вам нужно обратиться к специалистам по кросбраузерности, эти те люди, которые проверяют отображение сразу во всех браузерах.
евгений здравствуйте. подскажите пожалуйста вот что...
мне мои рамки нравятся и по стилю они подходят. вообщем убирать их я не хочу.
но. я хотела бы в конце некоторых записей вставлять png рисунок. естественно без рамки. Это что-то вроди логотипа. Такое возможно?
Все зависит от самого шаблона, если в стилях прописано свойство для всех картинок, то они будут все с рамками.
У меня не получились. Я не wqeb-мастер. в файлах Нет и намека на : solid 0px #C4C4C4;
margin: 1em, хотя border в единственном экземпляре есть. Вероятно, существуют другие способы «обрамлять» картинку. Будем дальше рыть, а автору спасибо — научил находить файлы в word press
А она таки пришла: идея. На Firebug попробую. Получится?
Должно получиться 🙂
Здравствуйте! подскажите пожалуйста как убрать рамку только для ОДНОЙ фотограйии, а остальные оставить с рамкой (по заданным стилям) ? Спасибо !
Роман, для этого нужно знать код и стили, нужно прописать стиль именно для данной фотографии.
Это я понимаю 🙂 Что надо поставить в этот код чтобы отменить рамку ?
Спасибо
код почему то не отправляется , но там ничего особенного альт, ссылка на картинку , высота ширина, смещение слева !
примерно также как и у вас к картине help.gif
Роман, если сами не разберетесь, обратитесь к фрилансерам. Я не занимаюсь настройками на данном этапе.
Понял, спасибо!
Здравствуйте, Евгений.
Хочу заметить, что способ, который Вы описали, хорош, но он подходит не для всех тем для WP, т.к. в новых темах данный тег (который отвечает, за ширину рамки вокруг картинки) прописан в «разделе» под названием .post_thumbnail {.
Например у меня (в исправленном виде) это выглядит так:
.post_thumbnail {
background-color: #EEEEEE;
border: 0px solid #CCCCCC;
margin: 0 10px 10px 0;
padding: 5px;
}
Дана, данная статья написана давно, сейчас уже многое изменилось, тем огромное множество и код пишется по другому. Вариантов масса и все описать невозможно, к сожалению.
Спасибо! Статья помогла!
Привет,Евгений!У меня два сайта,на одном мне удалось быстро и легко убрать рамку,по описанному в статье алгоритму,а на другом все сложно.Текста art. article img, вообще нет.Не знаю что уже делать.Подскажи пожалуйста =)
Привет, Саш! Я знаю только этот способ. Сейчас куча новых шаблонов и код уже пишут по новому, а я не на все 100% в это разбираюсь. Мой конек — зарабатывать 🙂 Фрилансеры за 100 р исправят.
Спасибо,пойду на воркзиллу =)
Да не за что 🙂
Спасибо за совет. Рамки долгое время портили картинки на сайте. Оказалось все так просто
Все на самом деле всегда просто, главное знать как.
Спасибо полезная информация. В предыдущих версиях WordPress это можно было сделать при редактировании страницы было удобно. В новой версии я такого не нашел.
Попробовал сделать, не совсем получилось.
спасибо!помогло
Евгений, всю огромную ссылку просмотрела и только хотела писать Вам: у меня тоже не уходят эти рамки, но на 3-4 раз просматривания все таки вычислила их, зараз, только они были чуть в другом написании. Какое же Вам спасииииибоооо!!!!!! Огромное-преогромное! Так эти рамки прям мешали, вроде мелочь, но как занозы мешают! Действительно прыгать хочется ))))))
Отлично! Рад что статья принесла Вам пользу и помогла избавиться от рамки )
Здравствуйте, Евгений.Проблема с рамкой. Удалось найти основной код, там убрал рамку, после этого рамка пропала. Но когда зашел через оперу, там рамка отображается. Поискал в файле css отдельные настройки Оперы, там тоже поставил border: 0 для изображений, но к сожалению рамка не исчезла. Может посоветуете что нибудь?
Прошло время и в Opera тоже рамка перестала быть видна, странно, что не сразу. Спасибо за статью.
Нет ничего странного, просто в опере был кеш браузера.
Хорошая и полезная статья. Спасибо автору за помощь? Рамки получилось убрать с изображений. Правда не сразу. Пришлось долго покопаться в коде.