国内更专业
计算机技术平台

WordPress中标签h3、h4、h5、ul、ol、li等样式修改

样式:

这是标题3

这是标题4

这是标题5

注:ul、ol、li标签这里不做展示。

设置方法:

在主题设置——自定义代码——自定义CSS样式中加入如下代码:

/* -----h3、h4、h5、ul、ol、li等样式修改------ */
/*----www.pydyun.com----*/
/*---东云网---*/
.article-content p {
	margin: 22px 0;
}
.article-content h3 {
	margin: 26px 0 20px;
	color: #479ac1;
	background: #f1f7fd;
	border: 1px solid #d2e8fa;
	padding: 10px;
	font-size: 17px;
}
.article-content h4 {
	border-bottom: 1px solid #CCC;
	font-size: 17px;
	color: #000;
	display: block;
	margin: 19px 0 0;
	padding: 0 0 10px 10px;
}
.article-content h5 {
	font-size: 14px;
	border-bottom: 1px dashed #ccc;
	padding-bottom: 10px;
	padding-left: 10px;
}
.article-content ul,.article-content ol {
	padding-left: 20px;
	margin: 15px 0;
}
.article-content ul li {
	list-style-type: disc;
	margin-left: 30px;
}
.article-content ol li {
	list-style-type: decimal;
}
.article-content ul li,.article-content ol li {
	margin-bottom: 7px;
	padding-bottom: 7px;
	border-bottom: 1px dashed #dfdfdf;
	margin-left: 30px;
}
.article-content ul li img.aligncenter,.article-content ol li img.aligncenter {
	margin: 10px auto;
}
.article-content .wp-caption {
	background-color: #ffffff;
	padding: 0;
}
a.btn-download {
	margin: 15px 0 0 !important;
}

保存即可。

赞(0) 打赏
未经允许不得转载:东云网 » WordPress中标签h3、h4、h5、ul、ol、li等样式修改

评论 抢沙发

评论前必须登录!

 

东云科技,与您偕行!

免责声明联系我们

觉得文章有用就打赏一下文章作者吧,么么哒~

支付宝扫一扫打赏

微信扫一扫打赏