Links are not specified color

  • Hi all. My url is https://ravenrooststudio.com/wordpress. I have a link on the home page and another on the “commission a painting” page that insist on remaining gray. In CSS I’ve got:

    h3 a {
    color: #d45a2a;
    text-decoration: none;
    }

    a:link {
    color:#d45a2a;
    text-decoration: none;

    }
    a:visited {
    color:#543689;
    text-decoration: none;
    }

    a:hover {
    color:#d45a2a;
    }

    My link on the home page is in an h3 header. I have no idea where the gray comes from and why it insists on staying. Any ideas?

    Actually, when viewing in Firefox I have only one gray link on the home page. When viewing on Chrome, I have two.

    Thank you for your help!

Viewing 6 replies - 1 through 6 (of 6 total)

  • What theme are you using? Where did you download it from?

    Thread Starter SprialOwner

    (@sprialowner)

    I’m using twenty twelve that came with my WP installation.

    That is not the original 2012 theme. It’s a custom child theme. Have you tried using Firefox with the Firebug add-on for this kind of CSS troubleshooting? Or using whatever developer tool is available in your web browser?

    Thread Starter SprialOwner

    (@sprialowner)

    It is a child theme and I’ve been using Firefox and Chrome to figure out what I’ve done wrong.

    the grey is from a :visited style (difficult to find even with a browser inspection tool) –

    to overwrite it, use for example:

    .entry-content h3 a:visited { }

    Thread Starter SprialOwner

    (@sprialowner)

    That is crazy! Where did that come from and how did you find it? I expected Twenty Twelve to not be so “cryptic”.

    I’ll give it a try! Thanks!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Links are not specified color’ is closed to new replies.