欢迎光临
我们一直在努力

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

前段时间解决了gravatar头像的显示问题,详情看我前段时间的文章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;}
赞(0) 打赏
原创文章转载请注明出处:爱编程 » wordpress-解决后台近期评论中头像过大的问题
分享到: 更多

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

爱编程、一个运维兼程序员的博客!

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏