本站推荐各种网络即刻,请访问:[jiikii.com],域名永不更换。[直连访问方法]
投稿文章 | 广告投放 | Telegram 群组 / 公告频道 / 使用教程

wordpress编辑器块引用背景颜色修改

网站相关 admin 416℃ 0评论

wordpress默认的块引用里面的背景为白色,字体为黑色!使用简陋,没有自己的风格或者和模板不搭配。可以自己选择修改

未修改前的颜色

修改后的样式及颜色

找到/wp-content/themes/模板/style.css修改style.css文件,在里面搜索blockquote

我使用的是,欲思主题

所修改替换代码为:

.article-content blockquote {
	margin: 0 0 10px;
	border-left: 5px solid #009e7f;
	color: #f5f5f5;
	padding:5px 15px 10px;
	background-color:#1abc9c !important;
	font-size:14px;
}
.article-content blockquote::before {
	position:absolute;
	left:0;
	padding-left:30px;
	display:inline-block;
	font-family:FontAwesome;
	font-style:normal;
	font-weight:normal;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	color:#fff;
	text-indent:0;
	margin-top:10px;
	content:"\f10d"
}
.article-content blockquote p {
	margin:6px 0 5px 0;
	padding:0;
	font-size:14px
}
.article-content blockquote strong {
    margin: 0 3px;
    padding: 0 3px;
    color: #fff;
    background-color: #20ab8e;
    border-radius: 1px
}
.article-content blockquote li {
	margin-bottom:5px;
	line-height:25px
}
.article-content blockquote pre {
	margin: 10px 0;
	background-color: #fff
}
.article-content blockquote pre:hover {
	border-left: solid 4px #455552;
	transition: 0.3s
}
.article-content blockquote a {
    padding: 0 4px;
    margin: 0 4px;
    color: #666;
    background-color: #fff;
    border-bottom: solid 2px #009e7f;
    white-space: nowrap;
    font-weight: bold;
    border-radius: 1px
}
.article-content blockquote a:hover {
	color: #fff;
	background-color: #ff6464;
    border-bottom: solid 2px #fff
}
.article-content blockquote em {
    color: #fff;
    background-color: #5d5d5d;
    font-weight: bold;
    font-style: normal;
    padding: 0 5px;
    margin-right: 5px;
    border-radius: 1px;
    border-left: 3px solid #fff;
}

如果CSS代码比较乱,可以用下面的网站编辑排版一下!

http://tool.lanrentuku.com/cssformat/

相关教程网站地址可供参考学习:

http://wxhp.org/blockquote.html

https://www.jiaoyawz.com/1720.html

转载请注明:即 刻 » wordpress编辑器块引用背景颜色修改

喜欢 (1)
发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(1)个小伙伴在吐槽
  1. 😛
    筑楼2018-07-15 00:17 回复