装了Gwolle Guestbook插件,开通了留言板。先是留言板在页面上自动居中显示,用<p>标签的align left强制居左也无效,一条条留言居中后就参差不齐的看着非常不爽。在子博客mirror city里却是正常的居左对齐,所以可以确定是我用的ink主题在页面上默认设置的问题。
后来自己找到了把表单居左的办法,就是用<div>标签的align left,整体就居左对齐了。但留言板表单的标题也一起居左了(不是页面自己的主标题)。其实这是插件的默认效果,不过我还是希望可以表单主体居左,标题居中。于是就在Support论坛发帖问作者。作者给了一段代码,是添加在自定义CSS里的:
.gwolle-gb-write-button input.button {display: grid;
margin: auto; }
以上自定义CSS代码我在mirror city里试用成功,就准备用到天湾对面来。这时奇葩情况出现了:不知道何时起,本博客的自定义CSS不见了!我明明记得以前有的,莫非我记错了?那一栏虽然还在,但没有地方可以填内容,也就是说原本那个可以填空的CSS框框不见了,也就无法再添加自定义CSS。
本来也就打算放弃了,因为表单标题居左本来就是默认效果,也不难看。但抱着试一试的心态又上FTP看了一遍插件的源文件,打开了几个php文件看看是什么情况。终于被我找到一个叫gb-form.php的文件,在文件里<div>有关button的标签里加了一句align=”center”,终于完美解决。同时也在同一个文件中把button上显示的字样从英语“write a new entry”改成了中文“撰写留言”。这下满意了!
回到Support论坛向作者汇报。作者提醒了一点:最好使用自定义CSS修改而不是修改源文件,因为改动的源文件在下一次更新里会被覆盖。这一点很重要,所以赶紧把改动记录下来,下次插件更新后记得再手动修改。