Question

Start here: scroll to bottom footer

I’m unable to create a hover effect on the footer anchors. The only way I’ve accomplished this is inline:

<a style="color:#6bc2ef;" ... >Company</a>

I feel so stupid… Anyone know why I’m unable to edit the style of these footer anchors?
I just want to add a class so I can make a hover effect

Example of footer links:

<a class="footA" href="http://www.designobvio.us/smartklubben/company">Company</a>

Example of CSS:

.footA:hover {
  color:#6bc2ef;
}

Feels as if somethings is blocking me from editing the CSS. Either that, or I don’t know how to nest properly…

Example of CSS

http://designobvio.us/smartklubben/wp-content/themes/SchoolManagementClub/css/style.css

Answer 1

You have this rule:

#footer p a {
    color: #FFFFFF;
}

which is more specific than the rule which you’re trying to apply.

Read here: http://www.standardista.com/css3/css-specificity/

You could do this:

#footer a {
    color: #fff;
}

#footer a.footA {
    color: #6bc2ef;
}

Now, your rule is more specific (because it contains an additional class selector).