Как отцентрировать картинку в статье?

Эту заметку меня побудил написать баг, который есть в некоторых темах wordpress: невозможность отцентрировать картинку в статье. Этот баг оказался и в моей текущей теме wordpress. Вернее это даже не баг, а просто недоработка того, кто делал этот шаблон.

Задать вопрос не по теме статьи можно в этом разделе ;)

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

Как отцентрировать картинку в статье?

До того, как ситуация была исправлена, картинки в посте выглядели вот так, несмотря на то, что в настройках стоял пункт "По центру":

Как отцентрировать картинку в статье

После долгого поиска в сети,  я нашёл простое решение, которым хочу поделиться с вами. Заходим в папку на хостинге, где лежит шаблон нашего сайта на wordpress, и открываем файл style.css. В самый конец вписываем такой вот код:

Получается вот так:

картинка в центре style.css

Сохраняем всё и перезагружаем страницу. Смотрим результат нашего шаманства:

отцентрировать картинку в статье

Теперь картинка находится в центре, где ей и положено быть.

Как видите, проблема центрирования картинке в шаблоне, имеющем такой дефект, решается совсем просто. Конечно, когда знаешь как....

Не жмись - поделись! ;)

Если вас интересует вопрос заработка в сети, то ОБЯЗАТЕЛЬНО прочитайте статью о том, как заработать в интернете новичку?

Если вы не нашли в этой статье то, что искали, попробуйте воспользоваться поиском по сайту:

3 коммент. к записи “Как отцентрировать картинку в статье?”

  • С моим дизайном эта тема не сработала.
    Блог _http://mytargets.ru/
    Картинки после вставки кода все равно остались по левому краю.
    Так что я его удалил обратно.

  • Странно, у меня всё заработало.

  • Всё зависит от того, где находится указанный кусок стилей. Попробуй поставить после .box img

Прокомментировать

ХОЧУ ТАКОЙ КОМПЬЮТЕР!

миникомпьютер

У вас уже есть такая флешка?

флешка линукс

Мой хостинг – рекомендую!

vps






Автор - Магазин - Заработок - Вопросы - Репозитории - Команды - Фотохостинг - Прокси

© Все права сохраняются. Копировать материалы без разрешения автора ЗАПРЕЩАЕТСЯ!

Просто Линукс - Просто о Linux, SEO и WEB. По всем вопросам пишите на

Яндекс.Метрика

Вверх!Вверх!