后台,外观,菜单,找到你想设置个性特效的那个项目,CSS类填入“new”,保存菜单。
如果找不到CSS类,可以在菜单设置右上角找到显示选项,显示下CSS类。
主题设置-自定义CSS选项,插入如下代码:
.menu-item.hot:after {
background-color: red;
color: rgb(255, 255, 255);
content: "热";
font-size: 10px;
line-height: 1;
position: absolute;
right: -1px;
top: 12px;
border-radius: 3px;
padding: 1px 3px;
}
.menu-item.new:after {
background-color: orange;
color: rgb(255, 255, 255);
content: "新";
font-size: 10px;
line-height: 1;
position: absolute;
right: -1px;
top: 12px;
border-radius: 3px;
padding: 1px 3px;
}
background-color: red;
color: rgb(255, 255, 255);
content: "热";
font-size: 10px;
line-height: 1;
position: absolute;
right: -1px;
top: 12px;
border-radius: 3px;
padding: 1px 3px;
}
.menu-item.new:after {
background-color: orange;
color: rgb(255, 255, 255);
content: "新";
font-size: 10px;
line-height: 1;
position: absolute;
right: -1px;
top: 12px;
border-radius: 3px;
padding: 1px 3px;
}
上面的“new”,对应“新”;上面代码中的“hot”,对应“热”。