wordpress文章页H标签美化修改记录(以dux主题为例)

因为网站的性质,使用wordPress dux主题的时候,我常常喜欢使用默认的“二级标题”、“三级标题”等来为文章设置段落标题以更好地实现文章的层级结构。

然而,WordPress的默认h标签简直丑,之前我一直使用各种字体、颜色等方法调整标题样式,但是这样做不仅麻烦而且由于每次编辑的标题样式多少都会有些出入,不利于网站整体风格的统一,遂决定调整下标题的样式。

对于跟我一样使用dux主题的朋友们来说,直接将代码复制到主题后台选项自定义代码中即可;其他主题用户可以将上述代码复制到主题主样式文件中去并做适当调整即可。

/** yksbl.com文章页H标签美化 **/
 .article-content h1, .article-content h2{
     font-weight:bold; 
     background-color: #f6f6f6;
     margin:20px 0;
     border-bottom: 0px solid #12b4f0;
     padding: 5px 12px;
     border-left: 5px solid #24b4f0;
     margin:12px 0px;
 }

文章参考:wordpress文章页H标签美化修改记录(以dux主题为例)

posted @ 2021-09-01 22:23  一棵树部落  阅读(631)  评论(0编辑  收藏  举报