2013-08-11, 10:36 AM
2013-08-11, 11:00 AM
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.
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, 12:03 PM
(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, 02:23 PM
(2013-08-11, 12:03 PM)jayy Wrote: [ -> ]Go to(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?
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, 08:43 PM
(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
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
2013-08-11, 09:36 PM
That black part is called thead. Go to ACP>Templates & Styles>Themes>YOUR THEME>Global.css>Advanced Mode
Look for
Replace it with
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;
}