Как сделать подписи по центру на изображениях

Question

Я использую WP 5.3.2 с настроенной (и старой) темой Atahualpa. Новая страница, с которой я борюсь и строю из блоков, - http://www.allpowerlabs.com/chartainer, где заголовок под ссылкой с миниатюрой слева выравнивается, несмотря на очевидные настройки темы.

Старые пейджеры, созданные с помощью Classi c редактор центр подписи. Я видел различные решения в других темах, например, добавление figcaption text-align css, но также и то, что это настройка, определяемая темой. Редактор моей темы показывает следующие настройки заголовка:

border: 0px solid #dddddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px 0 0 0;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;

Я подозреваю, что это может быть связано со старыми HTML стандартами в PHP или CSS темы, но не смог выяснить, как и куда вносить изменения (я дизайнер не кодер и стараюсь не трогать PHP, а только использовать редактор темы).

Answer 1

Вы хотите добавить это в css вашей темы:

.wp-block-image .aligncenter > figcaption,
.wp-block-image .alignleft > figcaption,
.wp-block-image .alignright > figcaption,
.wp-block-image.is-resized > figcaption {
   text-align: center;
}

Убедитесь, что вы ознакомились с инструментами для разработки браузеров , вы можете отметить css там и временно измените его, чтобы увидеть эффекты.