更改菜单栏字体大小

Posted 2023-02-24

【中文标题】更改菜单栏字体大小

【英文标题】：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;

不只是将其添加为单独的规则集。

【参考方案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%。我建议你用这个在开发工具中玩一下。

干杯