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

2018.8. 918:13:00 3 274

我想想自从使用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}

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

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:3   其中:访客  3   博主  0

    • avatar 秋叶home

      总感觉好难

      • avatar 秋叶Blog

        好难好难

          • avatar 虫子君

            @秋叶Blog 代码都写好了,你复制过去就行了