Как отцентрировать картинку в статье?
Эту заметку меня побудил написать баг, который есть в некоторых темах wordpress: невозможность отцентрировать картинку в статье. Этот баг оказался и в моей текущей теме wordpress. Вернее это даже не баг, а просто недоработка того, кто делал этот шаблон.
Задать вопрос не по теме статьи можно в этом разделе ;)
Я уже даже хотел менять шаблон, потом решил просто делать картинки по ширине поста, чтобы они центрировались волей-неволей. Но в старых постах картинки были меньше и прижимались к левому краю. Смотрелось это некрасиво, а красота сайта - это один из залогов его успешности, тем более это важно, если вы хотите знать все о создании и заработке на сайте .
Как отцентрировать картинку в статье?
До того, как ситуация была исправлена, картинки в посте выглядели вот так, несмотря на то, что в настройках стоял пункт "По центру":

После долгого поиска в сети, я нашёл простое решение, которым хочу поделиться с вами. Заходим в папку на хостинге, где лежит шаблон нашего сайта на wordpress, и открываем файл style.css. В самый конец вписываем такой вот код:
|
1 2 3 4 5 6 |
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } |
Получается вот так:

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

Теперь картинка находится в центре, где ей и положено быть.
Как видите, проблема центрирования картинке в шаблоне, имеющем такой дефект, решается совсем просто. Конечно, когда знаешь как....
Не жмись - поделись! ;)








Макс пишет:
С моим дизайном эта тема не сработала.
Блог _http://mytargets.ru/
Картинки после вставки кода все равно остались по левому краю.
Так что я его удалил обратно.
admin пишет:
Странно, у меня всё заработало.
Анатолий пишет:
Всё зависит от того, где находится указанный кусок стилей. Попробуй поставить после .box img