JoomlaJunkie - Joomla Template Provider Bringing color to the Joomla community

Hello I am working with the Absolute Redux template and I am trying to adjust the text color in the footer position. I have created a module (footer) and assigned it to the footer position and that works perfectly, but I need to adjust the text color (hover, active, etc.) I did this successfully with the Absolute Flush template by editing the color in the template.css.css file. I am not having the same luck with the Absolute Redux template even though the Footer section of the CSS looks the same as in A. Flush.
I have inserted the code below and attached the Template CSS file for your review. Please let me know what lines of code I should edit to change the footer text color. Based on the current code (below) the text should be white in color, but it shows gray. You may view the site live at http://www.williamsmiddleschool.org/cms/index.php Please help.

Code:

/* Footer Section *****************************************/ #footer { margin: 0 auto; clear: both; position: relative; height: 59px; } body.narrow #footer { width: 760px; } body.wide #footer { width: 980px; } /* Footer Menu */ #footer ul#mainlevel-footer { margin: 0; padding: 0; position: absolute; top: 25px; right: 10px; width: 445px; height: 30px; } ul#mainlevel-footer li { list-style-type: none; float: right; margin: 0; padding: 0; padding-right: 10px; } ul#mainlevel-footer li a { text-decoration: none; font: normal 12px Arial, serif; padding: 2px 5px; color: #fff; } ul#mainlevel-footer li a:hover { color: #fff; text-decoration: underline; }

Hi try adding color:white; to your footer div.
#footer {
margin: 0 auto;
clear: both;
position: relative;
height: 59px;
}

to..
#footer {
margin: 0 auto;
clear: both;
position: relative;
height: 59px;
color:white;
}

as for your link color you have to add a class to the a href in your footer that is located in index.php file, ie:
<a href="http://www.joomlajunkie.com" title="joomlajunkie" class="link_color">Joomlajunkie.com</a>
then in the style sheet create a class like this:
.link_color{
color:white;
}

I haven't tested it but have come across this problem before, hope this helps!

Hi CR,
Try adding the following to your template_css.css:

Code:

#footer, #footer a{ color: #fff; }

That should sort it Cheers, Chris

Thanks Stoker! That got it!
Once again, you have saved the day.

No probs CR