从 Wordpress 的主菜单中删除项目符号

Question

我不是网络开发人员，所以请多多包涵。

我有一个网站 (WordPress)，我正在尝试对其进行小幅更新，然后才能获得专业帮助。我已经更新了这个页面https://www.trustserve.net/legal-privacy/，你会看到它有项目符号和数字。最初，当我输入此文本时，项目符号和数字显示为黑色。我更新了 CSS 代码，我将在下面包含修复该问题的内容。然而问题是我在每页顶部的主菜单现在旁边也有一个项目符号。

主菜单：

我看过很多关于子弹和 WordPress 网站的帖子，但我无法将这些帖子与我的问题具体联系起来（不是双关语！）。

我假设我需要为主菜单添加一些 HTML 来专门删除项目符号，但我不知道该怎么做，这就是我需要帮助的地方。非常感谢任何可以帮助我删除主菜单中的项目符号而不影响其他页面上的项目符号的帮助。

我的 CSS 更新如下：

ol {color: white } 

ol li::before {
    color: white;  
}

ul { list-style: none;} /* Remove default bullets */

ul li::before {
    content: "\2023"; /* Unicode bullet symbol */
    color: white;  /* Bullet color */
    padding-right: 10px;
}

Answer 1

使用选择器中的 ID 仅寻址（主）菜单中的 lis，并重置您创建的伪元素的 content：

#menu-main-menu li::before {
    content: "";
}

...或content: none 在该规则中。不同之处在于菜单项之间的水平间距 - 选择您喜欢的。

Answer 2

如果您有权访问 wordpress css 主题，请尝试使用 content: "\2023"; 删除此代码，或者通过让字符串为空来使用您自己的 css 文件覆盖它，如下

ul li::before {
    content: "";
    color: white;
    font-weight: bold;
    padding-right: 10px;
}

这应该有效，永远不要低估您的网络浏览器检查器的帮助；）