Permanent link color in comments

  • Unknown's avatar
    pauldellis · Member ·

    In my new theme, links in comments appear in a different color only when you hover on them. This is aesthetically neat but functionally annoying because it makes links otherwise invisible. They are indistinguishable from comment text.

    How do I make it so the links within comments appear permanently red (which is how they appear in blog posts)? Or, how do I turn off the change-color-only-when-hovering-on-them function?

    I am a complete newbie to CSS editing, so please us small words. Many thanks.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    omkarbhagat · Member ·

    In my new theme, links in comments appear in a different color only when you hover on them.

    Hi there,

    I visited your page here –
    https://escapetoreality.org/about/

    And I see all the links are red even after I visit them or hover on them.

    So I think you’ve fixed it already.

    In case you still need help, please let us know in a reply to this post :)

  • Unknown's avatar
    omkarbhagat · Member ·

    This is aesthetically neat but functionally annoying because it makes links otherwise invisible. They are indistinguishable from comment text.

    I came back to this thread to check if I missed something because I felt I missed something. And indeed I did. Sorry about that.

    I read the ‘comment text‘ part now and here’s the CSS solution –

    a {
    color: #ff0000;
}

    That should make ALL the links red, everywhere on the page. But if you want to apply this effect only to comments section, then use this code –

    .comment a {
    color: red;
}

    I hope this helps :)

  • Unknown's avatar
    pauldellis · Member ·

    Thanks for the reply. Permit me to rephrase the question: Is there some place where I can find a trusted WP-authorized coder to fix this for me?

    I spent some time reading about CSS editing on WP and managed to open the developer tools in Chrome, but I found nothing that looked like what you are describing above. It seems like a trivial problem, but the learning curve for CSS-editing is nontrivial. I’m happy to pay to get this fixed, but I don’t wish to give site access to a Fiverr coder. Does WP maintain a list of authorized coders I could draw on?

    Incidentally, here is a recent example of a comment where the links are not clear: http://escapetoreality.org/2011/04/21/blasphemy-of-the-holy-spirit/comment-page-2/#comment-116490

    Thanks.

  • Unknown's avatar
    omkarbhagat · Member ·

    Is there some place where I can find a trusted WP-authorized coder to fix this for me?

    As far as I know, there isn’t a WP-authorized coder.

    spent some time reading about CSS editing on WP and managed to open the developer tools in Chrome, but I found nothing that looked like what you are describing above. It seems like a trivial problem, but the learning curve for CSS-editing is nontrivial. I’m happy to pay to get this fixed,

    I understand it seems difficult to learn CSS. But trust me, you don’t have to. The problem you are trying to fix is really really simple. So you don’t have to pay someone to fix it.

    But note that you need to have an upgraded plan (premium plan) to use custom CSS on your blog. Are you on a premium plan? If yes then just follow these steps –

    Go to My Sites → Customize → CSS and then simply enter this code – 

    .comment a {
    color: red;
}

    And save. That’s all.

    More info on this page for custom CSS –
    https://en.support.wordpress.com/custom-css/

    Let me know if have more questions :)

  • Unknown's avatar
    pauldellis · Member ·

    Thanks again for taking the time to reply. I don’t have a premium plan but I do have the Custom Design upgrade.

    I did what you said and it made the links red (good), but it also made the comment dates and my name red (not so good). Comment threads are now full of distracting red text. You can see an example using the comment link I provided above.

    Since the links were red to begin with, would another solution be to remove the command that says you have to hover on the links to begin with? Thanks.

  • Unknown's avatar
    omkarbhagat · Member ·

    Thanks again for taking the time to reply. I don’t have a premium plan but I do have the Custom Design upgrade.

    No problem. I think then you have a Business plan because advanced design customization is only available in Premium and Business plan –
    https://wordpress.com/pricing

    But that’s good so moving on to the problem..

    I did what you said and it made the links red (good), but it also made the comment dates and my name red (not so good). Comment threads are now full of distracting red text.

    Oh! I see. If you wish to make the comment text red and not the whole comment section containing text, author, dates, etc then modify the previous code to match this –

    .comment-text a {
    color: red;
}

    That should work :)

  • Unknown's avatar
    pauldellis · Member ·

    That worked! Thanks for your help.

  • Unknown's avatar
    omkarbhagat · Member ·

    That worked! Thanks for your help.

    Awesome!! Happy to help :)

  • The topic ‘Permanent link color in comments’ is closed to new replies.