更改菜单栏字体大小答案

【问题标题】：Changing Menu Bar Font Size更改菜单栏字体大小
【发布时间】：2014-07-13 19:49:57
【问题描述】：

我正在为网站使用 WordPress。

这是网站的链接：http://Jamezpearce.byethost7.com

我怎样才能使字体更小，以便在网站上容纳更多的菜单栏？

如果有人需要其他任何帮助，我真的很感激，请发表评论，我会提供。

我已经尝试过更改 CSS，但似乎没有得到任何可能做错的地方。

我已经添加了

font-size: 0.75em;

我能看到的所有菜单 CSS 仍然没有乐趣。


/* Pagenavi  */

#pnavigation {
    margin: 20px 0px;
}

.wp-pagenavi {
    font-size:0.75em;
    text-align: centre !important;
    margin-left: auto;
    margin-right: auto;
}

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited {
    text-decoration: none;
    background: #42444e!important;
    border: 1px solid #212227!important;
    color: #fff !important;
    padding: 4px 8px !important;
    display: block;
    text-align: centre;
    float: centre;
    display: inline;
    margin-right: 6px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    font-size:0.75em;
}

.wp-pagenavi a:hover {
    color: #ffffff;
}

.wp-pagenavi span.pages {
    display: none;
}

.wp-pagenavi span.current {
    text-decoration: none;
    background: #CF5912 !important;
    border: 1px solid #993206!important;
    color: #fff !important;
    padding: 4px 8px !important;
    display: block;
    text-align: center;
    float: centre;
    display: inline;
    margin-right: 6px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    font-size:0.75em;
}

.wp-pagenavi span.extend {
    text-decoration: none;
    background: #FFD000 !important;
    border: 1px solid #E8B900 !important;
    color: #fff !important;
    padding: 4px 8px !important;
    display: block;
    text-align: center;
    float: centre;
    display: inline;
    margin-right: 6px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    font-size:0.75em;
}

【问题讨论】：

尝试添加#submenu li a {font-size: .75em;}
不只是将其添加为单独的规则集。

标签： html css wordpress

【解决方案1】：

如果#submenu li a {font-size: .75em;} 不起作用，请尝试像这样添加。

submenu li a {
     font-size: .75em !Important;
}

【讨论】：

请不要使用重要的。而不是使用submenu li a a {}

【解决方案2】：

尝试更改font-size。您可以在#botmenu 或#submenu 中更改此设置

#botmenu {
    font-size: 90%; /*the smaller the percentage, the smaller the text*/
}

或

#submenu {
    font-size: 90%; /*the smaller the percentage, the smaller the text*/
}

【讨论】：

【解决方案3】：

一些“编码员”可能有他们的意见，但对我来说，我将添加一个带有 !important 的新课程例如；

.wp-mbfontupdate {0.75em !important}

然后将wp-mbfontupdate 类添加到我的菜单栏类。这样我就可以轻松地转到这一行并稍后更新新的字体样式

【讨论】：

【解决方案4】：

您也可以使用font-size: 100%。百分比是从父代继承的，也可以设置为 75% 或 85%。我建议你用这个在开发工具中玩一下。

干杯

【讨论】：