最新消息:国外VPS购买直达:GigsGigsCloud | 搬瓦工 | Vultr | Digitalocean | Virmach

DUX主题文章H标题修改

网络技巧 风为裳 117浏览 0评论


WordPress DUX主题是themebetter原创开发的一款基于WordPress程序的多功能主题,响应式布局,不同设备不同展示效果,简洁大气、多设备支持、优化SEO、多功能配置深受广大用户喜爱。本站也是使用DUX主题,下列介绍如何修改DUX主题文章H标题的美化教程。

首先

下载文件到本地wp-content/themes/主题名/css/main.css

使用文本编辑器打开,添加以下代码到文件,可以修改自己颜色代码。

/** 文章页H标签 **/
.article-content h1{
	font-size: 20px;
	font-weight: bold; 
	background-color: #ececec;
	border-bottom: 0px solid #c70039;
	padding: 6px 12px;
	border-left: 5px solid #c70039;
	margin: 12px 0px;
}
.article-content h2{
	font-size:18px;
	font-weight:bold; 
	background-color: #ececec;
	border-bottom: 0px solid #c70039;
	padding: 6px 12px;
	border-left: 0px solid #c70039;
	margin:12px 0px;
	
}
.article-content h3{
	font-size:16px;
	font-weight:bold; 
	background-color: #ececec;
	border-bottom: 0px solid #c70039;
	padding: 6px 12px;
	border-left: 0px solid #c70039;
	margin:12px 0px;
	
}

保存后上传覆盖至:/wp-content/themes/主题名/css
效果如下

转载请注明:风为裳 » DUX主题文章H标题修改

发表我的评论
取消评论
表情

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

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址