• Hyperlinks displayed in black only, blue color not visible. The links used to be visible and suddenly they blend in with the rest of the body text in black. I have the Pro Blogg theme, but I think this is another Gutenberg mess up.

    Please help or provide CSS that actually works! Many thanks!

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Howdy Capri,
    You have your links styled (on your style sheet / line 274) to black:

    .post_content a {
    color: #000;
    }

    You can set that code to #11199c or whatever blue you choose.

    Thread Starter capri914

    (@capri914)

    Thank you. That did work, but it caused another issue. The titles of my posts also changed that color. I wanted to keep post titles black, but change the hyperlinks (of related posts) to another color.

    It used to be blue automatically, so I need a different code please specific for the hyperlinks within posts, that does not change the color of post titles.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Can you enable right click? Disabling right click is a fallacy against copying your content.

    Yes.

    
    .post_content a {
    color: #11199c;
    }
    
    .post_content h1 {
    color: #000000;
    }
    

    You will need to add that style to each element you would like to target. I would suggest grouping the selectors (more on that here: https://www.thecodingguys.net/tutorials/css/css-grouping-and-nesting-selectors).

    Hope that helps

    • This reply was modified 5 years, 6 months ago by Graham.

    Browser took control of edit:

    
    .post_content p a {
    color: #11199c; /*This will only control links within a paragraph*/
    }
    
    .post_content h1 a {
    color: #000000; /*this will control all links within h1 headers*/
    }
    

    More info on inheritance with CSS:
    https://developer.mozilla.org/en-US/docs/Web/CSS/inheritance

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to change the color of hyperlink?’ is closed to new replies.