Preview:
 |
| Magenta Font color |
 |
| Red Font color |
 |
| Blue Font color |
1. Click Settings located at the right hand side of your website builder.
2. Click Edit Head Section.
3. Copy the code below and paste it on the Edit Head Section box:
/**CODE STARTS HERE**/
<style>
.diyw .diyfeCA .diyfeCA .diyfeCA .diyfeCA .diyfeCA2 .mainNav1 a, .diyw .diyfeCA .diyfeCA .diyfeCA .diyfeCA2 .mainNav1 a, .diyw .diyfeCA .diyfeCA .diyfeCA2 .mainNav1 a, .diyw .diyfeCA .diyfeCA2 .mainNav1 a, .diyw .diyfeCA2 .mainNav1 a {
color: red!important;
}
</style>
/**CODE ENDS HERE**/
4. Looking at the code above, I highlighted the line (in blue) that you need to change. Just change the value of color from RED to any color you want.
5. Click Save button and Done
Tip:
You can also use hexadecimal color values such as #FF0000, #CC0066 and so on to change the font color of your navigation. Just access the link below and then pick any color you want then copy the hexadecimal value of that color and replace the value RED with the hexadecimal value so the code should look like this:
/**CODE STARTS HERE**/
<style>
.diyw .diyfeCA .diyfeCA .diyfeCA .diyfeCA .diyfeCA2 .mainNav1 a, .diyw .diyfeCA .diyfeCA .diyfeCA .diyfeCA2 .mainNav1 a, .diyw .diyfeCA .diyfeCA .diyfeCA2 .mainNav1 a, .diyw .diyfeCA .diyfeCA2 .mainNav1 a, .diyw .diyfeCA2 .mainNav1 a {
color: #CC0066!important;
}
</style>
/**CODE ENDS HERE**/
Save the changes and done.
Hexadecimal Color Choices:
http://www.w3schools.com/tags/ref_colorpicker.asp