如果主題沒有直接的懸停顏色選項,可以通過添加自定義 CSS 來實現:
保存更改,並檢查網站的懸停效果。
找到選單的 CSS 類名:
在瀏覽器中右鍵單擊選單項目,選擇 檢查 或 查看元素,查看選單的 CSS 類名(例如 .menu-item
或 .main-menu
)。
添加自定義 CSS:
前往 外觀 > 自訂 > 額外的 CSS。
添加以下代碼:
.menu-item a:hover {
color: #ff0000; /* 將 #ff0000 替換為您希望的懸停顏色 */
background-color: #f5f5f5; /* 可選:設置懸停背景色 */
}
.current-menu-item a {
color: #ff0000; /* 修改為所需的文字顏色 */
background-color: #f5f5f5; /* 修改為所需的背景顏色(可選) */
}
如果您的選單類名不同,請將 .main-menu
替換為您找到的正確類名。
保存並發布: