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

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

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

需修改的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;}

古风网版权互动须知

请遵循相关法律法规,如有侵权、后门、不妥请联系本站删除!

原文地址:https://www.wzxiu.com/13634.html 解决近期wordpress后台评论中显示头像过大的问题

发表评论