• Since the debut of WP 3.6, something has overridden the CSS in the child theme I wrote for the TwentyTwelve template. As a result, my links have gone gray and nothing I do seems to change it back. This was the CSS in the child theme:

    a:link {
        color: #00008b;
            font-weight: bold;
            text-decoration: none;
    }
    
    a:visited {
        color: #00008b;
    }
    
    a:hover {
        color: #b22222;
            text-decoration: underline;
    }

    I was hoping that WP 3.6.1 might fix the problem; it has not. I don’t even know where to look for the problem. Can anyone help, please? Thanx.

    http://imblacknitravel.com

Viewing 15 replies - 1 through 15 (of 23 total)
  • That happened when Twenty Twelve got an update, and this should help:
    http://wordpress.org/support/topic/lost-my-blue-hyperlinks-in-2012-theme?replies=18

    Thread Starter galan05

    (@galan05)

    Already tried that, lee. It didn’t help at all.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Which links are grey and not meant to be grey?

    Thread Starter galan05

    (@galan05)

    ALL of them.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    In your first post when you showed us the code in your Child Theme neither of those styles are grey. Where are your grey styles?

    Thread Starter galan05

    (@galan05)

    That’s my point, Andrew: I don’t *HAVE* any grey styles that I wrote for this theme. Whatever updates were done in WP 3.6 and TwentyTwelve arbitrarily changed them all to grey, and so far, I can’t find any way to change them back. That’s why i need help with this.

    It’s your visited links that are grey, your links are otherwise blue, turning red on hover (at least that’s how it looks to me).

    According to Chrome DevTools, the CSS for the gray visited links is coming from this section of the parent (Twenty Twelve) style.css file, right around line 801:

    .entry-content a:visited,
    .comment-content a:visited {
    	color: #9f9f9f;
    }

    Because those selectors are more specific, they are going to take precedence over the a:visited selector in your child CSS, so what you need to do is add those two selectors to your child CSS so they get overridden:

    .entry-content a:visited,
    .comment-content a:visited,
    a:visited {
        color: #00008b;
    }

    Oh, boy, and I wish I could afford to go on that Soul Train Cruise, it sounds like a lot of fun.

    Thread Starter galan05

    (@galan05)

    That looks like it might be the answer. Will try it right now and many thanks. As for the Soul Train Cruise, they let you break it into three payments, so give it a look. You may never see that lineup together again.

    Thread Starter galan05

    (@galan05)

    Tried it, didn’t work here. Tried going sitewide with the CSS as follows:

    .site a:link  {
         color: #008000;
            font-weight: bold;
            text-decoration: none;
    }
    
    .site a:hover {
        color: #006400;
            text-decoration: underline;
    }
    . site a:visited {
        color: #008000;
        text-decoration: none;
            }

    Still, no joy here. How does it appear on your end? If I can find a solution soon, I will be forced to use a different template , which I’d prefer not to do.

    Can you try adding the .entry-content a:visited and .comment-content a:visited selectors as I laid out above so I can take a look? Maybe your browser cache was still showing you your old site.

    Thread Starter galan05

    (@galan05)

    Done. Also cleared the cache. No change here. How is it there?

    .entry-content a:visited,
    .comment-content a:visited,
    a:visited {
        color: #00008b;
    }
    Thread Starter galan05

    (@galan05)

    Well, it still doesn’t look as I would like, but it DOES match the CSS you provided…on Firefox and Safari, but not on Google Chrome, which has been my default browser (perhaps until tonight). On Chrome, it’s all still grey. Gonna try to expand on your code snippet and see if it does what I want to do. If it does work, I may be done with Chrome for awhile.

    Thread Starter galan05

    (@galan05)

    Alas, no joy, on Chrome, Firefox or Safari. Going into the TwentyTwelve template to see if I can find another set of code where the problem might lie. Briefly switching the blog to TwentyTwelve.

    Looks good, even in Chrome your visited links are blue. All your links are underlined, too.

    Thread Starter galan05

    (@galan05)

    The links should be bold and the should only be underlined on hover. Is that what you’re seeing? (I haven’t switched it to the TwentyTwelve parent theme yet).

Viewing 15 replies - 1 through 15 (of 23 total)
  • The topic ‘CSS being ignored in TwentyTwelve child theme’ is closed to new replies.