菜单角标

进入 后台 – 外观 – 自定义 – 额外CSS 添加下面的的代码:

1. /* 分类角标 */
2. .yfxxin {
3. display: inline-block;
4. transform: translateY(-12px);
5. font-size: .75rem;
6. letter-spacing: 0.05em;
7. background: linear-gradient(to top, #b4b1ef, #e21fc7 7.56%);
8. color: #ffffff;
9. border-radius: 1rem;
10. padding: .15rem .275rem;
11. line-height: 1;
12. font-weight: bold;
13. }
15. .new {
16. display: inline-block;
17. transform: translateY(-12px);
18. font-size: .75rem;
19. letter-spacing: 0.05em;
20. background: linear-gradient(to top, #f308a0 0%, #fb0655 100%);
21. color: #ffffff;
22. border-radius: 1rem;
23. padding: .15rem .275rem;
24. line-height: 1;
25. font-weight: bold;
26. }

然后进入 后台 – 外观 – 菜单 你的菜单名称后面添加代码:

1. <span class="yfxxin"> Hot</span>

橙果永久会员

收藏 海报 链接