How to change the color of hyperlink?

  • capri914

    (@capri914)


    7 years, 1 month ago

    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)
  • Graham

    (@graham2621)

    7 years, 1 month ago

    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)

    7 years, 1 month ago

    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

    7 years, 1 month ago

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

    Graham

    (@graham2621)

    7 years, 1 month ago

    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 7 years, 1 month ago by Graham.
    Graham

    (@graham2621)

    7 years, 1 month ago

    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.