Need help? Check out our Support site, then


Change link color

  1. whitneybookcorner
    Member

    I am very new to this, don't know any css.Hope someone can help me, if question is too basic, tell me.

    I would like to change the link color on my pages. In some cases they are blue, in others they are black. All are underlined. I just upgraded to custom design to get access to css. Can someone tell me how to do this, in simple English? Thank you.

    The blog I need help with is friendsofscpl.org.

  2. All CSS editing is theme specific. there is no off-the-shelf code we can provide. Please post an active link starting with http:// to the blog you purchased the custom design upgrade for.

  3. whitneybookcorner
    Member

  4. whitneybookcorner
    Member

    I notice on my iPad the links (most of them) are blue;not so on my pc.

  5. I clicked into 5 random pages from my pc using Firefox 11. The links are all blue - the same color I'm accustomed to seeing on the Pilcrow theme. For iPad issues there's a forum that may be helpful > http://ios.forums.wordpress.org/forum/how-to-and-troubleshooting

  6. Yikes! I forgot to tell you that after tyhe blue links are clicked in that theme they turn black and become underlined. That's normal behavior for that theme.

  7. whitneybookcorner
    Member

    Thank you. As I said, I'm so new at this, not even sure how to use css, but I'll keep reading and figuring it out.

  8. I have flagged this thread and it will be moved to the CSS Forum where Staff will assist you when they can. Best wishes.

  9. whitneybookcorner
    Member

    Oh, that explains it. So, someone looking at it won't think it's weird that some are blue and some black? Next challenge is fixing a hover color.

    Thanks again.

  10. The Pilcrow theme has a few various CSS link color settings scattered in the original stylesheet: https://s-ssl.wordpress.com/wp-content/themes/pub/pilcrow/style.css?m=1354392135g&minify=false

    To change the link color and the hover link color in the Pilcrow theme, I copied all of the selectors that were using specific link colors and changed them all at once for links and then active/hover links like this:

    a,
    .entry-meta a,
    .entry-content a:visited,
    .page-link a:link,
    .page-link a:visited {
    	color: Indigo;
    }
    
    a:focus,
    a:active,
    a:hover,
    .entry-meta a:hover,
    .page-link a:active,
    .page-link a:hover {
    	color: Orchid;
    }

    Try copying that into your Appearance → Custom Design → CSS page and adjust the color names as necessary.

Topic Closed

This topic has been closed to new replies.

About this Topic