知更鸟Begin主题美化栏目右侧的三个点 —— WordPress美化

2019年5月1日20:49:25 发表评论 84
摘要

今天在虫子君博客看到他把知更鸟Begin主题栏目右侧的三个点给美化了,感觉效果不错,特分享给大家。

 

知更鸟Begin主题美化栏目右侧的三个点 —— WordPress美化

 

代码部署

实现的办法非常的简单,仅仅是修改了一下对应的css

  1. /* 栏目右侧小点 */
  2. .more-i span{    width12pxheight12pxmargin: 0 0 0 6px;background#0eff65border-radius: 10px;bordernone;}
  3. .cat-title .more-i, .cat-square-title .more-i, .widget-title .more-i, .cat-square-title .more-i, .cat-grid-title .more-i, .child-title .more-i, .cat-w-icon .more-i{padding7px 0 0 0;}

这里将圆点的尺寸设置为12px(宽高一致),颜色为:#0eff65,如果你不喜欢这个颜色可以换成其他的颜色,颜色值可以通过ps等软件调整,然后将自己喜欢的颜色的值粘贴到background后面即可,如果您需要调整圆点的尺寸,可以修改width和heght后面的像素值。

只需要将这些代码粘贴到,begin主题的自定义样式栏里面,然后保存即可。

 

效果预览

修改前

知更鸟Begin主题美化栏目右侧的三个点 —— WordPress美化

 

修改后

 

 

  • 我的QQ
  • QQ扫一扫
  • weinxin
  • 我的微信公众号
  • 微信扫一扫
  • weinxin

发表评论

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