如何在WordPress站点中添加自定义类名?(Elementor Pro环境)
Elementor Pro 为指定容器添加自定义类名操作方法
- 进入目标页面的Elementor可视化编辑界面,直接在预览区域点击选中你需要添加类名的第二个容器
- 选中容器后,左侧操作栏会自动切换到该容器的配置面板,点击面板顶部的高级标签(与「内容」「样式」标签并列)
- 向下滑动面板找到「CSS 类」输入框,在输入框内填写你自定义的类名即可,例如
custom-color-block,类名不要包含空格、特殊字符,多单词建议用短横线分隔 - 点击编辑界面左下角的「更新」按钮保存配置,自定义类名就会自动附加到该容器的类属性中
后续你需要调整圆角属性时,直接针对该自定义类名写CSS样式即可,示例如下:
.custom-color-block { border-radius: 16px; /* 可按需添加其他自定义样式,不会影响其他同默认类名的容器 */ }
如果配置后预览不生效,可清理WordPress站点缓存和浏览器缓存后再查看效果。
内容的提问来源于stack exchange,提问作者scorcism
相关产品推荐
相关产品推荐

