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

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

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

 

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

 

代码部署

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

  1. /* 栏目右侧小点 */
  2. .more-i span{    width: 12px; height: 12px; margin: 0 0 0 6px;background: #0eff65; border-radius: 10px;border: none;}
  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{padding: 7px 0 0 0;}

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

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

 

效果预览

修改前

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

 

修改后

 

 

若文章图片、下载链接等信息出错，请在评论区留言反馈，博主将第一时间更新！如果喜欢，请打赏支持本站，谢谢大家！
历史上的今天
5月
1

发表评论

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