Question

我正在尝试在wordpress上添加一个类来使图像变圆，但是我不知道该怎么做。我已经在style.css上添加了，但仍然无法正常工作。我正在使用Hueman Theme，并且尝试遵循此sample。

我该怎么做？

Apperance> Editor> style.css 中的

.circular-image img {
               width: 300px;
               height: 300px;
               -webkit-border-radius: 150px;
               -moz-border-radius: 150px;
               -ms-border-radius: 150px;
               -o-border-radius: 150px;
               border-radius: 150px;
}

使用

<div class="circular-image" style="text-align: center;"><img class=" aligncenter wp-image-119 size-thumbnail" src="http://ideiadinamica.com/wp-content/uploads/2018/09/10372571_10200376805178580_8449416293546333562_n-150x150.jpg" alt="" width="150" height="150" /></div>

Answer 1

Wp-admin>外观>自定义，然后在“其他CSS”部分中添加您的代码

Answer 2

您可以尝试以下操作，这是我很久以前所做的。希望对您有用：

安装WP Image Borders插件。转到设置>> WP Image Borders，然后添加特定的CSS类（如果已建立）或

转到要在其中编辑该图像的特定页面，单击“图像”，然后在“编辑”部分下；转到高级选项，然后将css类添加到Image CSS类

如何在Wordpress上添加CSS类？

2 个答案: