通过修改wordpress主题CSS文件来美化BBPress的widget小挂件的样式

将BBPress的widget小挂件加载在网站底部的能够促进网站互动,但是BBPress的小挂件是没有提供样式文件的,直接在wordpress后台的【外观】--【小工具】里调用BBPress的widget的话,其样式会与主题风格不兼容,影响网站美观。这时就需要在主题文件夹下的style.css里面对BBPress widget小挂件的样式进行定义。

在chrome浏览器里,右键检查BBPress widget所属层,找到需要定义的样式 id 和 class:

2016-03-25_185030

我们将要定义的是 .widget_display_topics ,打开style.css找到与widget样式有关的部分:

2016-03-25_185748

其中第725行和第738行是新加的,根据自己的主题需要添加和修改的地方当然不止这两行。在style.css文件中对.widget_display_topics进行定义和调整,最终可以得到满意的结果。如下图红框所示:

2016-03-25_190043

发表评论

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