WordPress.org

Forums

Twenty Twelve
[resolved] Can't change visited link color (8 posts)

  1. ggetto
    Member
    Posted 1 year ago #

    All,

    I can't seem to edit my visited links color in the current Twenty Twelve version. I've used every selector I can think of, including, of course a:visited, which, to the best of my knowledge, is the go-to for changing the color of links after they've been clicked. I'm thinking there may be some kind of PHP-level issue causing this.

    All other CSS edits appear just fine.

    Here is my site URL: http://www.uxcollaborative.org/.

  2. It looks like your updated a:visited is working. I'm seeing #9f9f9f on visited links.

    Have you tried a hard refresh of your CSS? I use the CSS Reloader extension for Chrome.

  3. I just looked again and saw that you had another color for a:visited

    Your a:visited property is being overridden by selectors with higher specificity. Change the a:visited property using these selectors:

    .entry-content a:visited, .
    comment-content a:visited {

    Let me know if you have any problems.

  4. ggetto
    Member
    Posted 1 year ago #

    Kevin,

    Thanks for your help. I did that, but now I can't get a visited link to hover properly.

    Here's what I have right now:

    .entry-content a:hover, .comment-content a:hover {
         color: #0F3647;
    }
    
    .entry-content a:visited, .comment-content a:visited {
        color: #21759B;
    }

    I want a visited link to be #21759B normally, and then change to #0F3647 when hovered. This same setup has worked on other sites, but I can't get the links to change when hovered, now, for some reason.

  5. ggetto
    Member
    Posted 1 year ago #

    Kevin,

    Just realized that cascade-order matters. Reversed the order of the above two in my stylesheet and now I have the link behavior I wanted.

  6. angelagoodnight
    Member
    Posted 1 year ago #

    [NSFW] http://www.angelagoodnight.com/sexblog/ I, too am having this problem and cannot get the visited link in the content to change at all, although it seems to have changed things like the edit link for editing a page, but for everything else I'm stuck with the miserable grey coloured visited link and hover doesn't work at all on visited links.

    These are my changes (but scroll to the bottom where there is another observation:

    /* Links */
    .entry-content a:visited, .
    comment-content a:visited {
    color: #33cc00;
    text-decoration: underline;
    }

    a {
    outline: none;
    color: #0033ff;
    text-decoration: underline;
    }

    a:hover {
    color: #ff00ff;
    text-decoration: underline;
    }

    If I remove this:

    .entry-content a:visited, .
    comment-content

    then the green does appear, but only on links for me as an admin i.e. the edit link at the bottom of the page.

    This really should be a piece of cake to change. Can't understand why it is made so complicated. My WordPress site is http://www.angelagoodnight.com/sexblog

    Any further help much appreciated.

    Angie

  7. Any further help much appreciated.

    Angie, this topic is already marked "resolved" and those don't get much traction simply because well, the problem is resolved already.

    Can you please start your own topic?

    https://wordpress.org/support/theme/twentytwelve#postform

    It really is the best way to get attention to your specific problem. Posting to an 8 month old topic isn't the best way for you to get support.

  8. angelagoodnight
    Member
    Posted 1 year ago #

    Thanks Jan. I've done that. Thought as it was still open I could use it.

    Ang

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic