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

时间:2015-08-12 04:38:56

标签: css wordpress navigation themes

我试图在Wordpress site上创建一个顶部导航菜单,缩小字体大小。我正在使用优雅主题' Divi 2.3.1主题设置了儿童主题。我还使用Chrome Inspector工具突出显示top-nav CSS元素并添加所需的字体大小声明。

问题是,当我这样做时,无论我将字体大小设置为什么,它的相对影响都很小。也许我已经盯着这个太久了,但是我在检查员的树上走来走去,放置了" font-size:9px;"无处不在,无法弄清楚font-size声明将产生所需效果的位置。甚至没有使用!重要的帮助。

基本上我只需将字体大小缩小到浏览器窗口大小为981px及以上时不再包含行的位置。有什么线索吗?

1 个答案:

答案 0 :(得分:0)

<强>问题:

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

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

<强>解决方案:

您需要在以下规则中更改font-size属性的值。

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