请求实现WordPress菜单hover时显示白色圆点效果

• 找到后台自定义CSS入口
  登录WordPress后台，进入「外观」→「自定义」，找到「额外CSS」（部分主题叫「自定义CSS」）选项，这是最安全的添加自定义样式的方式，不用修改主题核心文件。

• 添加自定义CSS代码
  根据你的菜单结构，添加以下代码（如果效果不对，可微调选择器）：

  /* 菜单Hover时显示白色圆点 */
  .menu-item a:hover::before {
    content: "•";
    color: #ffffff;
    margin-right: 8px; /* 调整圆点与文字的间距 */
  }
  

  要是你的主题菜单有专属类名（比如.main-navigation），可以把代码改成更精准的版本，避免影响其他元素：

  .main-navigation .menu-item a:hover::before {
    content: "•";
    color: #ffffff;
    margin-right: 8px;
  }
  

• 预览并调整
  代码添加后点击「预览」查看效果，如果圆点位置不合适，可以修改margin数值，比如改成margin-left: -12px; margin-right: 4px;来调整圆点的左右位置，直到和示例效果一致。

内容的提问来源于stack exchange，提问作者proogar