子菜单{font-size：.75em！重要;}

Question

我在网站上使用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;
}

Answer 1

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

中进行更改

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

OR

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

Answer 2

如果#submenu li a {font-size：.75em;}无效，请尝试这样添加。

子菜单{font-size：.75em！重要;}

Answer 3

您也可以使用font-size: 100%。该百分比是从父级继承的，您还可以设置75％或85％。我建议您在此方面使用一些开发工具。

欢呼

Answer 4

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

.wp-mbfontupdate {0.75em !important}

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

更改菜单栏字体大小

4 个答案:

子菜单{font-size：.75em！重要;}