解决近期wordpress后台评论中显示头像过大的问题

前段时间解决了gravatar头像的显示问题,高兴的同时,也发现了另一个问题,那就是后台首页的近期评论区的头像显示太大,导致评论区错位的问题,经过调试发现这个问题通过修改css就可以搞定。

需修改的css文件:wp-admin\css\dashboard.min.css

搜索css文件内容the-comment-list .avatar,可以看到以下代码:

#activity-widget #the-comment-list .avatar{position: absolute;top: 12px;}

只需要修改以上代码便可以达成我们的目的,解决后台评论区头像显示过大的问题,对于怎么修复,也就是这段css怎么改,我们有二套方案,就看你是喜欢圆角的头像还是默认的直角头像,也就是原始的头像显示方式。

显示圆角的头像,代码是我复制模板的css代码加以修改而成的

/*原CSS代码:*/

#activity-widget #the-comment-list .avatar{position: absolute;top: 12px;}

/*修改为圆角头像*/

#activity-widget #the-comment-list .avatar{float: left;width: 44px; height: 44px; margin: 8px 0 0 8px; border-radius: 50%;}

直接显示一个正方形的(原始显示方式)头像;

/*原CSS代码:*/

#activity-widget #the-comment-list .avatar{position: absolute;top: 12px;}

/*方形直角原始头像,对比原始代码只是定义了图像的长和宽*/

#activity-widget #the-comment-list .avatar{position:absolute;top:13px;width: 50px;height: 50px;}

常州江怡直播事件是个什么梗?

上一篇

江苏南京移动IPTV直播源央视直播源南京地区电视台直播源【20210803】

下一篇

99%的人还看了

发表评论

插入图片

欢迎登陆本站

 | 注册


耗时 0.204 秒 查询 16 次 内存 8.64 MB

在线工具

VIP视频解析
注册

登录

忘记密码 ?