How to Change Navigation Colors
Changing your Navigation bar color is also done through the Custom CSS section. Information on accessing the Custom CSS section can be accessed here: Changing Your ePortfolio Colors
Once inside the Custom CSS section, we are going to change the code inside the ' #site_topnav ul li a { ' section.
To change the color of the navigation bar, replace the code after ' color: # ' with the color code of your choice.
body {
background:#EEEEEE;
color: #222222;
}
#site_topnav ul li a {
color:#66ee33;
}
To have the color change when the mouse is over the navigation links add the following code:
#site_topnav a:hover, #footer a:hover
{
color: #66e33;
}
Change the color code to the desired color of your choice.
Note: The default color of the text in ePortfolio is black. Make sure to choose a background color that will allow your text to be visible to viewers.