DUX主题文章H标题美化

技术教程 风为裳 3浏览 0评论 繁體

简介

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

首先

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

使用文本编辑器(推荐使用微软开发的:VSCODE)打开,添加以下代码到文件,可以修改自己颜色代码。

/** 文章页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,您需要填写昵称和邮箱!

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