如何使字幕在图像上居中对齐

Question

我使用的是WP 5.3.2，带有定制的(也是旧的(阿塔瓦尔帕主题。我正在努力构建的新页面是http://www.allpowerlabs.com/chartainer其中缩略图链接下的标题向左对齐，而不考虑主题的明显设置。

使用经典编辑器构建的较旧的寻呼机以标题为中心。我在其他线程中看到了各种解决方案，例如添加figcaption文本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;

我怀疑这可能是由于主题的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;
}

确保你熟悉浏览器开发工具，你可以在那里检查css并临时更改它以查看效果。