前段时间解决了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;}