handsome主题标题居中

主题更新到7.1了之后，主题的标题默认显示在左边，个人不喜欢这种布局。主题并没有提供选项，那就自己改呗。这里提供一个思路，就算是别的地方也可以用这种思路去更改自己想要的样式。

1.首先

鼠标移到标题那里，右击选择检查。会帮我们打开开发者模式，并直接可以看到所在元素的html代码。

2.分析

可以看到这一块它的代码是这样的

<header class="bg-light lter wrapper-md">
<h1 class="m-n font-thin text-black l-h">夏日鱼塘</h1>
<small class="text-muted letterspacing indexWords">世界并不完美，却因此而美丽。</small>
</header>

我们要这h1和small里面的内容都居中，header是他们的父标签，所以设置header的样式就可以了。

3.新增样式

这时候在下面会生成一个css标签

我们知道让内容居中的样式是

text-align: center;

把这个填进刚刚生成的标签里得到一段完成的css

header.bg-light.lter.wrapper-md {
    text-align: center;
}

填进去之后现在标题应该能够居中了

4.设置主题

测试成功了之后，把刚刚那段代码复制，主题设置打开 开发者设置>自定义css。粘贴进去保存就大功告成了。