先複製寫好的CSS語法

複製以下語法

.label-purple.menu-item > a:after {
	content: 'Purple'; /* Change text */
	display: inline-block;
	font-size: 9px;
	line-height: 9px;
	text-transform: uppercase;
	letter-spacing: -0.1px;
	margin-left: 4px;
	background-color: #572fbd; /* Change color */
	font-weight: bolder;
	border-radius: 2px;
	color: #fff;
	padding: 2px 3px 3px;
	position: relative;
	top: -2px;
}

 找到WP後台裡面貼入語法

找到Flatsome裡面Advanced，裡面Custom CSS 將我們剛剛的CSS語法貼入All screens

將語法貼入之後

找到外觀>選單>CSS類別，將CSS的名字填入

還要到選單裡面貼入CSS名稱，在後台外觀>選單 裡面有CSS類別，如果沒有，請照下圖打開

在WP後台找到外觀>選單>CSS類別(選填) 找到後貼入CSS名稱

CSS類別要開啟，才會有這個欄位，畫面最右上角有一個「顯示項目設定」，CSS類別打勾

把剛剛CSS的名稱，填寫到CSS類別欄位裡面，比如剛剛是label-purple，填入按儲存

OK，我們看一下前台就有出現了

檢查前台，有無出現標籤

他們的原文網址

https://docs.uxthemes.com/article/239-how-to-add-my-own-personal-menu-label

中文的教學