Twenty Twelve Widget Link – can't change link color

  • Resolved David Borrink

    (@davidborrink)


    10 years, 7 months ago

    I’m developing a Twenty Twelve child them and I have links in a widget. I’ve set the link a and link a:hover color to be a dark blue, but the links remain grey in the a state, but turn blue when hovering.

    Here’s my CSS:

    .widget-area .widget a {
	color: #0C4D89;
}
.widget-area .widget a:hover {
	color: #0C4D89;
}

    I’m using Firebug and cannot identify why the links are staying grey. They should be blue.

    Also, when I hover over the first link in the widget, I get a different set of selector options in Firebug then when I hover over the remaining ones. I first thought that my HTML of the first item was wrong, but I double checked and even removed the first item, only to find that the new first item now had that quirk.

    I’m stumped. Can anyone be a fresh pair of eyes to help me out? Thanks.

    The site in development is at this link.

Viewing 5 replies - 1 through 5 (of 5 total)
  • WPyogi

    (@wpyogi)

    10 years, 7 months ago

    They are blue for me – have you cleared your browser cache?

    WPyogi

    (@wpyogi)

    10 years, 7 months ago

    Actually, that grey is from “visited” – this:

    .widget-area .widget a:visited {
    color: #9F9F9F;
}

    Thread Starter David Borrink

    (@davidborrink)

    10 years, 7 months ago

    WPyogi, you’re a hero. I didn’t even consider it was a “visited” issue. LOL.

    That’s what I needed, a fresh pair of eyes and brain (and browser, obviously – that was the key to solving this!) to see it. I was starting to think there was some obscure level of CSS specificity going on here and I spent an hour going over every level of HTML and CSS in my browser to find out some clue as to why.

    THANK. YOU.

    WPyogi

    (@wpyogi)

    10 years, 7 months ago

    LOL – you’re welcome. CSS can, indeed, be a bit vexing at times :).

    Thread Starter David Borrink

    (@davidborrink)

    10 years, 7 months ago

    Yes. It can, but it gives us a good laugh once in a while, too. 🙂

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Twenty Twelve Widget Link – can't change link color’ is closed to new replies.