Познавательный блог Мобильная врсия

Страницы

Промо

figure class=”aligncenter” или почему wordpress перестал центровать картинки.

После очередного обновления WordPress в нём обновился визуальный редактор - теперь это gutenberg. Со скрипом, но я к нему привык. Для информации скажу, что тема для моего блога была собрана почти 10 лет назад на коленке и менять ее пока желания нет. На стандартных темах WP картинки в постах по центру, а в моей теме не по центру.

figure aligncenter 2 - figure class=”aligncenter” или почему wordpress перестал центровать картинки.

Создавая новые записи, я обнаружил что в визуальном редакторе я выбираю положение картинке по центру, а она все равно слева. Старые посты и страницы, которые были созданы на старом визуальном редакторе остались без изменений, в них картинки по центру и в редакторе и на сайте. А с переходом на gutenberg новые картинки слева и центр ну никак не хотят.

Полез в отладчик, увидел что старый визуальный редактор прописывал класс aligncenter в тег IMG а новый редактор прописывает его в тег FIGURE.

figure aligncenter 2 1 - figure class=”aligncenter” или почему wordpress перестал центровать картинки.

Чтобы проблему решить дописал к себе в aligncenter CSS одну строку и все поехало.

text-alignL center;

figure aligncenter - figure class=”aligncenter” или почему wordpress перестал центровать картинки.

.aligncenter,
img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}

Написать комментарий








Поиск по сайту

Промо

Статистика

Мета

  Разработка и дизайн — StvPromo.ru