Changing Menu Bar Font Size

2018-06-07 03:47:27

I'm using wordpress for a website.

Here is the link for the website: http://Jamezpearce.byethost7.com

How can I can make the font smaller so can fit more menu bars onto the website?

I really appreciate any help given to me if anyone wants anything else please comment and I will supply it.

I have already tried altering the CSS but don't seem to get anywhere I'm probably doing it incorrect.

I have added

font-size:0.75em;

to all the menu CSS I can see and still no joy.


/* 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;
}

If #submenu li a {font-size: .75em;} doesnt work, try adding like this.

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

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

上一篇: 顶部不工作让黄色框失望？