MyBB Community Forums

Full Version: How can I change the font colour of 'Member list, Search & help'
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
http://goo.gl/gn9wPj

I types in the 'main site' link manually so I was able to change that to white font, but not the other 3.
Well first of all you have used inline css, so that means you need to write the same style for every element you want to make white
So do one thing, remove the inline css code you have added in header template
And go to your theme template and replace the .menu ul a code with these
Make sure to backup your theme before you make changes.
.menu ul a:link {
    color: #FFF;
    text-decoration: none;
}
.menu ul a:visited {
    color: #FFF;
    text-decoration: none;
}
.menu ul a:hover, .menu ul a:active {
    color: #B17502;
    text-decoration: none;
}
(2013-08-11, 11:00 AM)Verilog Wrote: [ -> ]Well first of all you have used inline css, so that means you need to write the same style for every element you want to make white
So do one thing, remove the inline css code you have added in header template
And go to your theme template and replace the .menu ul a code with these
Make sure to backup your theme before you make changes.
.menu ul a:link {
    color: #FFF;
    text-decoration: none;
}
.menu ul a:visited {
    color: #FFF;
    text-decoration: none;
}
.menu ul a:hover, .menu ul a:active {
    color: #B17502;
    text-decoration: none;
}

How would I be able to access the page to edit it?
(2013-08-11, 12:03 PM)jayy Wrote: [ -> ]
(2013-08-11, 11:00 AM)Verilog Wrote: [ -> ]Well first of all you have used inline css, so that means you need to write the same style for every element you want to make white
So do one thing, remove the inline css code you have added in header template
And go to your theme template and replace the .menu ul a code with these
Make sure to backup your theme before you make changes.
.menu ul a:link {
    color: #FFF;
    text-decoration: none;
}
.menu ul a:visited {
    color: #FFF;
    text-decoration: none;
}
.menu ul a:hover, .menu ul a:active {
    color: #B17502;
    text-decoration: none;
}

How would I be able to access the page to edit it?
Go to
ACP> Theme and templates>Your Theme>global.css>Edit Advanced mode
And find the part of .menu ul a:link,.menu ul a:visited, .menu ul a:hover, .menu ul a:active
And replace them with code above.
(2013-08-11, 02:23 PM)Verilog Wrote: [ -> ]Go to
ACP> Theme and templates>Your Theme>global.css>Edit Advanced mode
And find the part of .menu ul a:link,.menu ul a:visited, .menu ul a:hover, .menu ul a:active
And replace them with code above.

Thanks it worked.

Also one more thing, this theme was orange when I downloaded it but I thought black looked better so I swapped the headers from orange to black by replacing some pictures through filezilla

[Image: 75050_Untitled.jpg]

But sometimes when I refresh the homepage I'll still see orange for like 0.5 seconds before the black picture loads up(especially on google chrome). So I'm guessing that there's an orange colour in the global.css, but I don't know a lot about it, so would you please be able to help me find it so that I can change the colour to black.

http://pastebin.com/zk3qz0uY
That black part is called thead. Go to ACP>Templates & Styles>Themes>YOUR THEME>Global.css>Advanced Mode

Look for

.thead {
        background: #bd883c url(images/eOrange/thead_bg.gif) top left repeat-x;
        color: #ffffff;
        border-radius-tipleft: 5px;
        -moz-border-radius-topleft: 5px;
        -webkit-border-top-left-radius: 5px;
        border-radius-topright: 5px;
        -moz-border-radius-topright: 5px;
        -webkit-border-top-right-radius: 5px;
}

Replace it with

.thead {
        background: #000000 url(images/eOrange/thead_bg.gif) top left repeat-x;
        color: #ffffff;
        border-radius-tipleft: 5px;
        -moz-border-radius-topleft: 5px;
        -webkit-border-top-left-radius: 5px;
        border-radius-topright: 5px;
        -moz-border-radius-topright: 5px;
        -webkit-border-top-right-radius: 5px;
}