修改知更鸟begin主题留言小工具的头像变圆形

虫子君
239
文章
50
评论
2018年8月9日18:13:00 3 360 739字阅读2分27秒

我想想自从使用wordpress以来,第一个主题可能是大前端的主题,后来机缘巧合的情况下,用上了鸟叔的主题,一开始不用说,肯定用的是盗版的主题,也就是那种无限制域名的版本。

得益于wordpress的日渐强大,我们这些爱折腾主题的用户,算是一种安逸生活下的另一种享受吧。

自从用上了知更鸟主题以来,一致都在折腾,今天我突然发现知更鸟begin主题的留言小工具,很丑。是那种四四方方的字母样子,这不是闲着嘛,那就做一点点的修改吧。

修改知更鸟begin主题留言小工具的头像变圆形

修改之前的样子,是不是有一点点的那个什么。嗯哼,反正我自己是不喜欢的

修改知更鸟begin主题留言小工具的头像变圆形

这时修改以后的样子,你瞅瞅,是不是要好看了一些。

其实也简单,我们只需要找到“style.css”样式表文件,在3799行,找到如下代码;

#message .avatar {float: left; width: 24px; height: 24px; margin: 6px 8px 0 0;}

然后在后面添加一个css圆角属性就可以了。如下!!

#message .avatar {float: left; width: 24px; height: 24px; margin: 6px 8px 0 0; border-radius: 20px}

其实也简单就是在里面添加了一个 border-radius: 20px的属性值

当然了只是修改css样式的话,估计后期的时候,如果你升级了主题以后,所有的修改都会失效的,建议如下,可以再WordPress主题外观——begin主题选项——自定义风格

然后在自定义样式添加一个属性就好了。

#message .avatar {border-radius: 20px}

粘贴以后,保存刷新,即可看到修改后的效果。

  • 您有好资源需要让广大网友一起享用吗?可以是您的主题,也可以是插件,欢迎来投稿!
  • 这里是我的博客,亦是您分享插件或主题的地方,虫子君只专注WordPress,以及自己的工作。这里欢迎你来投稿。

您必须才能发表评论!

评论:3   其中:访客  3   博主  0
    • avatar 秋叶Blog 1

      好难好难

      • avatar 秋叶home 1

        总感觉好难