Modown 主题右贴边底部（右下角）导航 QQ 客服更换背景统一颜色&替换图标教程

Modown 主题电脑端网页默认的“右贴边底部导航”中，最上边“在线客服”的图标，背景颜色跟其他的不一样，看着有些突兀（见下图最左边图示效果）。而且“在线客服”明明设置的就是 QQ 客服，显示的图标却不是 QQ，就让人感觉很奇怪。

今天我们来美化一下这个图标，主要分两步：1、更改背景颜色等样式； 2、替换成 QQ 的图标。

更换样式

在主题设置 - 样式 - 自定义 CSS 样式，添加以下代码即可。

/* 右下角QQ客服 */
.rollbar .qq-li {
background: #e9eaea;
}
.rollbar .qq-li a {
color: #888 !important;
}

替换图标

替换为 QQ 图标我们需要在主题的 footer.php 文件中修改，这个文件在 modown 主题根目录。

把“icon-guru2”修改为“icon-qq”就可以了，同时还可以在 footer.php 中，把“在线客服”修改为“QQ 客服”。

完成以上操作，就可以实现上图中间的效果了。如果想要上图中最右边的彩色图标显示效果，可以参考我们之前发布的教程。