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 客服”。

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

如何为 WordPress 网站导航菜单等添加图标如何为 WordPress 网站导航菜单等添加图标
2023-05-07
0

评论0

没有账号?注册  忘记密码?

社交账号快速登录

微信扫一扫关注
如已关注,请回复“登录”二字获取验证码