将自定义 css 添加到 WordPress 中文本和图像块的图像侧

问题描述

按照 https://www.youtube.com/watch?v=fJSUs0bTPMc 中的指南，我可以将“红色文本”类添加到块的文本侧，并使用自定义 --> 附加 CSS 页面观看实时应用的更改。

然而，这对图像不起作用。我只想应用圆角，这应该像 .my-rounded-image { border-radius: 30px; 一样简单。 }，但事实并非如此。

更具体地说：

1. 将“红色文本”添加到高级 --> 文本侧段落块之一的其他 CSS 类。
2. 将“my-rounded-image”添加到高级 --> 图像侧的其他 CSS 类
3. 发布页面、查看页面、自定义页面
4. 转到自定义视图中的其他 CSS
5. 添加 .red-text { color:red;并查看它在先前修改的段落上的更新
6. ？？？无法将任何内容应用于图像

我也用普通图像块尝试过，但也没有成功。

解决方法

您还需要添加 overflow: hidden;：

.wp-block-media-text__media {
  border-radius: 30px;
  overflow: hidden;
}