更改 WordPress 导航菜单中文本的字体大小和粗细答案

【问题标题】：Change font size and weight of text in navigation menu on WordPress更改 WordPress 导航菜单中文本的字体大小和粗细
【发布时间】：2018-09-24 17:11:06
【问题描述】：

我正在寻找更改我的 WordPress 网站上导航菜单项的字体大小和粗细，我使用的是 The Company 主题，但我似乎无法弄清楚所需的 CSS

我的网站是 www.thepowerwithin.org.uk

我希望将顶部主菜单中的项目放大和加粗

【问题讨论】：

你尝试了什么？请写你的css。

标签： css wordpress fonts size

【解决方案1】：

我已经查看了您的问题。我认为您只想在 main-menu anchor text 上应用 CSS，而不是在 sub-menu anchor text 上应用 CSS。如果我是对的，那么您可以这样做：

ul.menu:not(.sub-menu) > li > a {
    font-size: 16px;
    font-weight: bold;
}

您应该使用children-selector > 仅在直接children of ul 上应用CSS

使用ul.menu:not(.sub-menu)时会忽略li的子菜单

【讨论】：

【解决方案2】：

最好的办法是学习如何使用 Firefox 或 Chrome 或 Safari 或 IE 中的开发人员工具来查看您网站上加载的内容以及如何使用和更改 CSS 和 HTML .开发工具允许您对站点的本地缓存浏览器副本进行临时更改。然后，您可以通过在主题选项中或样式表中添加新的 CSS 来将 CSS 更改添加到主题中。

如果主题允许您添加自定义 CSS 来修改菜单，那很好。如果没有，请制作一个子主题，这样您就不会在主题更新时丢失您的更改。见Child Themes « WordPress Codex

【讨论】：