主题更新到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。粘贴进去保存就大功告成了。

Q.E.D.