菜单角标

进入 后台 – 外观 – 自定义 – 额外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. }
  14. .new {
  15. display: inline-block;
  16. transform: translateY(-12px);
  17. font-size: .75rem;
  18. letter-spacing: 0.05em;
  19. background: linear-gradient(to top, #f308a0 0%, #fb0655 100%);
  20. color: #ffffff;
  21. border-radius: 1rem;
  22. padding: .15rem .275rem;
  23. line-height: 1;
  24. font-weight: bold;
  25. }

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

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