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

2021/9/1 23:08:40

本文主要是介绍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主题为例)



这篇关于wordpress文章页H标签美化修改记录(以dux主题为例)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程