我正在使用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;}不起作用，请尝试像这样添加。

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

链接地址: http://www.djcxy.com/p/21987.html

上一篇: Changing Menu Bar Font Size

下一篇: Right border of div being cut off when using float:right with font awesome icon