如何更改我的 Divi 主题菜单字体大小?

How do I alter my Divi theme's menu font size?

我正在尝试缩小 Wordpress site 上的顶部导航菜单的字体大小。我正在使用 Elegant Themes 的 Divi 2.3.1 主题,并在上​​面设置了一个子主题。我还使用 Chrome 检查器工具突出显示顶部导航 CSS 元素并添加所需的字体大小声明。

问题是,当我这样做时,无论我将字体大小设置成什么,相对效果都非常小。也许我盯着它看的时间太长了,但我已经在检查器中上下移动,到处都放置 "font-size:9px;" 并且无法弄清楚字体大小声明在哪里会产生预期的效果。甚至没有使用 !important 帮助。

基本上,只要浏览器 window 的宽度为 981 像素及以上,我只需要将字体大小缩小到不再换行的位置。有什么线索吗?

问题:

您试图更改 > 符号的字体大小,其值为 9px。

#top-menu .menu-item-has-children > a:first-child::after {
  content: ">"
  font-size: 9px; /* This changes the size of the symbol */
}

解法:

您需要更改以下规则中的字体大小 属性 的值。

#top-menu li, .fullwidth-menu li {
  font-size: 25px; /* Change value */
}