RiPro主题美化之二级菜单添加小圆点图标

释放双眼,带上耳机,听听看~!

RiPro主题美化之二级菜单添加小圆点图标-西柚乐

1、在ripro/assets/css/diy.css 中添加下列CSS

.lanse{box-sizing:border-box;content:'';
width:12px;height:12px;border-radius:50%;
position:absolute;top:50%;margin-left:10px;
margin-top:-6px;left:0;border-color:#61e1b9;border:3px solid #7a99f2}
.lvse{box-sizing:border-box;content:'';
width:12px;height:12px;border-radius:50%;
position:absolute;top:50%;margin-left:10px;margin-top:-6px;
left:0;border-color:#61e1b9;border:3px solid #70d7cf}
.huangse{box-sizing:border-box;content:'';
width:12px;height:12px;border-radius:50%;
position:absolute;top:50%;margin-left:10px;
margin-top:-6px;left:0;border-color:#61e1b9;border:3px solid #f5c745}
.hongse{box-sizing:border-box;content:'';
width:12px;height:12px;border-radius:50%;
position:absolute;top:50%;margin-left:10px;
margin-top:-6px;left:0;border-color:#61e1b9;border:3px solid #f1787f}

 

2、在后台-菜单里设置,共有四个样式,任选其一即可!

<i class="lanse"></i> 首页
<i class="lvse"></i> 首页
<i class="huangse"></i> 首页
<i class="hongse"></i> 首页

 

最后修改: 2020-09-3 01:56

人已赞赏
WordPress美化

7b2子主题新增下载样式美化教程

2020-8-19 17:37:45

WordPress美化

RiPro首页美化 - 纯标题模块改成三栏显示

2020-9-4 13:41:31

免责声明

本站资源大多来自网络,如有侵犯你的权益请联系管理员Ciyol 或给邮箱发送邮件 admin@ciyol.cn 我们会第一时间进行审核删除。站内资源为网友个人学习或测试研究使用,未经原版权作者许可,禁止用于任何商业途径!请在下载24小时内删除!


如果遇到评论下载的文章,评论后刷新页面点击对应的蓝字按钮即可跳转到下载页面本站资源少部分采用7z压缩,为防止有人压缩软件不支持7z格式,7z解压,建议下载7-zip(点击下载),zip、rar解压,建议下载WinRAR(点击下载)

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索