我有一个在DIVI代码模块的内容部分中使用过的HTML(如下所示):
HTML(内容中存在):
<
blockquote>
<
span>
BPRO helped me realize the importance of cus- tomer organization and tracking, service track- ing and just being on the top of things behind the scene. The more you grow – the more difficult this becomes – but having the right tools to keep your business organized is just as impor- tant as having the right tools to do job itself.<
/span>
<
p>
Some Person - Some Day 2018<
/p>
<
/blockquote>
文章图片
CSS:
我也有一个CSS, 我想申请内容中存在的HTML代码。我想知道我应该在哪里放置CSS代码。我拥有的CSS代码是:
blockquote {
padding: 20px 60px;
background: #eee;
border-radius: 10px;
font-family: arial;
line-height: 1.625;
position: relative;
}blockquote p {
text-align: center;
}blockquote span {
position: relative;
display: inline-block;
}blockquote span:before {
content: """;
font-size: 72px;
color: #79b83a;
position: absolute;
left: -40px;
top: 40px;
line-height: 0;
}blockquote span:after {
content: """;
font-size: 72px;
color: #79b83a;
position: absolute;
right: -40px;
bottom: -10px;
line-height: 0;
}
问题陈述:
我想知道上面的CSS代码应该放在哪里。我尝试将代码放在代码模块设置的高级部分的main元素中, 但是没有用。
文章图片
#1 我看到你正在使用我昨天写的代码。
你可以将HTML保留在Divi模块中, 然后将CSS放在外观> 定制程序> 其他CSS部分中
编辑:看起来Divi有一个自定义CSS部分以及一个Per Module, Row和Section CSS选项, 尽管我建议将自定义CSS保留在尽可能少的位置。
#2 【如何在DIVI代码模块中应用样式()】你也可以将CSS放入Divi Code Module Content区域, 只需使用’ style’ 标签:
<
style>
your css code goes here:blockquote {
padding: 20px 60px;
background: #eee;
border-radius: 10px;
font-family: arial;
line-height: 1.625;
position: relative;
}
... etc<
/style>
推荐阅读
- 如何在WordPress中阻止自定义帖子类型列表页面()
- 如何在wpbakery行中对齐小部件中心()
- 如何将主题添加到现有的实时网站
- MySQL数据库常见操作命令
- Ubuntu 20.04 server不能ping,提示“Temporary failure in name resolution”的解决方法
- Python小知识
- 报错解决与排错思路
- 运维小知识
- Nginx调度算法——基于指定的key的hash表来实现对请求的调度