@alley

In typography.php

use fire debug check then fix in typography.php 

the file to modify is typography.php. But you should not edit it directly. Override the file in your theme or add the new CSS rules using this plugin https://community.elgg.org/plugins/1597861/1/elggcss

 Ok I installed the plugin, but I do not know css. What css code should I add to the mod/galliElggCSS/views/default/css.php file to change my main link colors? ...thanks

To add new css rules,

• Disable simple cache in your admin setting page.
• Inspect the current css property using chrome web developer console or firebug.
• Now add the new rules in galliElggCSS\views\default\galliElggCSS\css.php file

I am new to css. I was asking what css code should I put in there to change the main links color? I don't have a clue? .. lol

for links add :

a {color:black !important;}

No need for !important tags. According to your screenshot you are using a theme or a module which is overriding the css and not the default elgg css files?

Look into that theme/mod, in the css views, check like said for typography.php and change the a{....;} tag.
a:hover for hover overs, a:active for the active links, etc...
But if I where you, I would just go and read something at http://www.w3schools.com/css/css_intro.asp

No need for !important tags. According to your screenshot you are using a theme or a module which is overriding the css and not the default elgg css files?

Yeah, I am using the social roller plugin which allows you to customizes everything in your theme except for link colors apparently?  .. lol

@alley

I'm releasing a new version next week that will address this issue.