如何更改我的 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 */
}
我正在尝试缩小 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 */
}