Если изображения в wordpress шаблоне не центрируются…

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

Это происходит из-за того, что в таблице стилей не указаны атрибуты для класса «.aligncenter», который приписывается таким картинкам.

Если у вас такая проблема, в файле стилей .css добавьте следующий код (можно в конце):

.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

Посмотрите, нет ли других .aligncenter, если есть, удалите их.

11 комментариев к записи “Если изображения в wordpress шаблоне не центрируются…

  1. MrMozg

    А зачем прописывать и .aligncenter и div.aligncenter? Разве указание css для .aligncenter автоматически не применяется к div.aligncenter?

  2. Ильдар Хакимов Автор статьи

    MrMozg, на всякий случай видимо, я забыл уже где видел такую рекомендацию.

  3. Ильдар

    Ильдар, расскажи лучше какие-нибудь зарисовки из семейной жизни. Как общаетесь, плюсы и минусы манимейкенга в случае если ты состоишь в браке?)
    Было бы интересно почитать

  4. deco90

    спасибо, давно мучала эта проблема. Теперь сделал везде на своих блогах.

  5. Ильдар Хакимов Автор статьи

    deco90, везде сработало?

  6. Ильдар Хакимов Автор статьи

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

  7. prostolinux

    Спасибо, помогло, а то на моём сайте prostolinux.ru мне приходилось делать картинки по ширине поста, так как в шаблоне не было этого кода. Спасибо, всё заработало!

  8. Андрей

    Плохо, что сайт под фильтром. Конкретная статья помогла. Стало быть полезен.

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

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