如何使标题居中对齐图像

Question

我使用的是WP 5.3.2，有一个自定义的(和旧的)阿塔瓦尔帕主题。我正在努力构建的新页面是http://www.allpowerlabs.com/chartainer，缩略图链接下的标题在左侧对齐，尽管主题的明显设置。

使用经典编辑器构建的较老的寻呼机居中显示字幕。我已经在其他线程中看到了各种解决方案，例如添加插图文字对齐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;

我怀疑这可能是由于主题的PHP或CSS中的旧HTML标准，但还不能找出如何或在哪里插入更改(我是一个设计师而不是一个程序员，尽量不接触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;
}

一定要让你自己熟悉browser developer tools，你可以在那里检查css，并临时更改它来查看效果。