Unintentionally mixed hyperlink colors

  • Resolved thepanickedfoodie

    (@thepanickedfoodie)


    8 years, 2 months ago

    Hi,

    I just published a new blog post and I noticed that some of the hyperlinks are bright blue, while others are the default black which doesn’t stand out enough. I would prefer if they were all the bright blue color so that they stand out.

    To get them the bright blue, I followed the advice from a different question posted on this forum, which was to add the following CSS code in the area under Customize–>Additional CSS:

    .single .single-content p a {
    color: blue;
    }

    This has worked for all of my other blog posts, except for this one. Is it because I have too many hyperlinks? I tried looking through the code behind the post, but I didn’t find anything funky going on there.

    Thanks!!

    The page I need help with: [log in to see the link]

Viewing 15 replies - 1 through 15 (of 19 total)
1 2
  • corewpress

    (@corewpress)

    8 years, 2 months ago

    Hello @thepanickedfoodie,

    Hope you are having a great day and thanks for contacting us!

    Please go to WP Admin > Appearance > Customize > Additional CSS and inside that box, add the following code:

    .entry-meta a, .entry-meta a:visited, .entry-meta a:focus, .entry-meta a:active {
    color: blue;
}

    ​Try it and let me know how it worked.
    Please, let me know if you need any further assistance.
    Kind regards,
    Diego

    • This reply was modified 8 years, 2 months ago by corewpress.
    Thread Starter thepanickedfoodie

    (@thepanickedfoodie)

    8 years, 2 months ago

    Hi Diego,

    I copied and pasted the code above, and it didn’t work. It made other words blue outside of the blog post blue instead, like the categories tag ‘Posts’ and ‘Comments’ below the blog post description in the grid format. I left it there so you can see.

    Ashley

    corewpress

    (@corewpress)

    8 years, 2 months ago

    Hi Ashley,

    I’ve checked again your site and I can see the internal post links in blue color. Not sure where the issue is. Could you clarify?

    If the code I gave you makes more text blue than expected, you can just remove it.

    Please, let me know if you need any further assistance.
    Kind regards,
    Diego

    Thread Starter thepanickedfoodie

    (@thepanickedfoodie)

    8 years, 2 months ago

    Hi Diego,

    Yes, let me explain where the issues are:

    -In the paragraph corresponding to the question What types of exercise are effective?, there are two links there in black that should be blue: 1. “several studies have shown that at the 12-week mark, those who were prescribed an exercise regimen fared just as well as those prescribed an antidepressant.” 2. “similar conclusion was found for those with panic disorder”

    -In the paragraph with the question What is a good diet? there is one link that should be blue instead of black: “recommended instead”

    And there are several more after that that are black instead of blue.

    jarektheme

    (@jarektheme)

    8 years, 2 months ago

    Hi @thepanickedfoodie,

    Please try to add this css to Appearance → Customize → Additional CSS:

    .single .single-content a {
    color: blue;
}

    Hope that helps.

    Best

    Thread Starter thepanickedfoodie

    (@thepanickedfoodie)

    8 years, 2 months ago

    Hi,

    That worked! I originally had something similar from a similar question posted on this forum:

    .single .single-content p a {
    color: blue;
    }

    Just out of curiosity and for my own knowledge, what is this piece of code doing? And what do the ‘p’ and ‘a’ mean?

    jarektheme

    (@jarektheme)

    8 years, 2 months ago

    Hi there,

    p stands for paragraph and a stands for link in HTML. There is a bunch of other elements (or tags) like li, div and so on. The code I’ve sent you above just means find all links inside element with class single and child element with class single-content. It is better than code you found because it will find all links but the second code will find only links inside paragraphs (no links inside list).

    Hope that helps.

    Thread Starter thepanickedfoodie

    (@thepanickedfoodie)

    8 years, 2 months ago

    Hi,

    Thanks for the explanation. It was really helpful. I’ve run into another link color problem. I am adding links on my homepage to the privacy policy, affiliate advertising, etc. and links are showing up black here. https://thepanickedfoodie.com/ (homepage). If you scroll down to the bottom and in the area titled Legal Stuff, the Affiliate Advertising Policy link is black instead of blue. How to change this?

    jarektheme

    (@jarektheme)

    8 years, 2 months ago

    Hi there,

    Please add this css:

    .widget_text a {
    color: blue;
}

    or more general rule like this:

    .widget a {
    color: blue;
}

    Both should work.

    Kind regards

    Thread Starter thepanickedfoodie

    (@thepanickedfoodie)

    8 years, 2 months ago

    Thanks!!

    That worked beautifully!

    Thread Starter thepanickedfoodie

    (@thepanickedfoodie)

    8 years, 1 month ago

    Hi,

    Another question. I just installed the Social Warfare Plugin, and I have placed the buttons both as floaters on the side of the page, and at the end of each post/page. I see that the text/symbols on the buttons at the end of the post have been turned the same blue as that for the hyperlinks. As an example of what I am talking about, please navigate to here: https://thepanickedfoodie.com/2018/02/18/microwave-apple-peanut-butter-oatmeal/

    I suspect this could be related to the CSS code that I put in. How do I correct this, so that the text/symbols on the buttons at the bottom of the post are just white?

    Thanks!

    jarektheme

    (@jarektheme)

    8 years, 1 month ago

    Hi there,

    Please go to Appearance → Customize → Additional CSS and add the following css:

    .single .single-content .iconFiller i {
    color: #fff;
}

    Hope that helps.

    Kind regards

    Thread Starter thepanickedfoodie

    (@thepanickedfoodie)

    8 years, 1 month ago

    That worked. Thanks!!

    jarektheme

    (@jarektheme)

    8 years, 1 month ago

    I’m glad to hear that.

    Would you please take some time out from your busy day to leave us a quick review?
    We’d really appreciate it 🙂

    Thread Starter thepanickedfoodie

    (@thepanickedfoodie)

    8 years, 1 month ago

    Yup! It’s completed 🙂

Viewing 15 replies - 1 through 15 (of 19 total)
1 2

The topic ‘Unintentionally mixed hyperlink colors’ is closed to new replies.