The7主题H标签美化方法

WordPress搭建个人博客确实很方便,而且有各式各样的主题供我们选择,但是再完美的主题,可能还是会存在自己不太满意的地方。因为每个人都会有自己的想法。像The7主题,确实非常不错,但是个人感觉在段落标题上有点小瑕疵,不够突出醒目,最近发现一种通过修改主题CSS文件来美化文章标题的办法,配合The7主题非常简单,希望对有需要的朋友能有所帮助。

第一步:CSS样式

首先,我们要自定义CSS,当然设置非常简单。进入【主题选项】—【高级】—【自定义CSS】,将下面代码粘贴即可。

.article-content h2{
font-size:18px;
font-weight:bold;
background-color: #ffffff;
border-bottom: 1px solid;
padding: 5px 15px;
border-left: 8px solid;
margin:18px 0px 18px -20px;
overflow: hidden;
}

第二步:样式修改

根据自己想要的风格去自定义CSS,不清楚的可以百度CSS样式中H标签样式。

今天在这里再教大家一个诀窍,复制其他网站好看的样式。

工具:浏览器,推荐360极速浏览

方法:鼠标停在你想要复制的样式,【鼠标右键】-【审查元素】

在右侧你就可以看到这个页面的css样式了,当然也可以不改,直接使用第一步的CSS。

第三步:使用方法

【可视化编辑器】-【添加文本块】-【输入标题】-【扩展Class名称】-【article–content h2】

发表评论

电子邮件地址不会被公开。 必填项已用*标注