You've applied inline styling in the footer so remove this as it is hard to override with CSS.
Use this code...
#rt-feature .featuretable-cell-data a h2 {
color: blue;
}
#rt-feature .featuretable-cell-data a:hover h2 {
color: red;
}
div#rt-footer .custom a {
color: blue;
}
div#rt-footer .custom a:hover {
color: red;
}
change color to suit.
This is how to create a custom CSS compatible with Gantry 4...
Simply create a file called "<TEMPLATENAME>-custom.css" and put this file in the CSS folder of the template (where <TEMPLATENAME> is the name of the template as seen in template manager e.g. rt_fracture). GANTRY4 will automatically load this CSS file. If you wish, you can also have browser specific files by appending, for example, "-ie9" making the filename "<TEMPLATENAME>-custom-ie9.css"
Regards, Mark.
The following users have thanked you: michael