How to change color of hyperlinks in posts

  • Resolved hmahraj

    (@hmahraj)


    8 years, 12 months ago

    I am using the Modality theme. This is my site: https://www.hersheylibrary.org
    The links are black and in bold at the moment. I cannot see where to change this under customizing the theme options. In General Settings, Theme Color is set at black but if I change that I change everything. Is there CSS I can add to the child theme to just change the color of links? Thanks.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Geoffrey Shilling

    (@geoffreyshilling)

    Volunteer Moderator

    It looks like you are making progress on the color. Is that correct? The font changed from black to an aqua color when I refreshed.

    Try adding this to the child theme to remove the bold attribute:

    #article p a {
    font-weight: normal;
}

    Thread Starter hmahraj

    (@hmahraj)

    Hello,
    Thanks for your response. Yes, I managed to change the hyperlink color by changing the theme color but it still has the bold attribute so I am anxious to try the css you suggest. Thank you very much for your help.

    The theme behaves a little odd in that if you hyperlink text and add bullets the hyperlinked text stays black. The hyperlinked text in the sidebar widget stays black as well. Only text in posts take on the change in theme color. So much I don’t understand. ??

    Geoffrey Shilling

    (@geoffreyshilling)

    Volunteer Moderator

    There are many different classes that make up the styling of a theme. It can get pretty complicated, depending on the theme. The best way to learn is experiement (with a backup saved of course).

    I would check the code in the widget for your sidebar; it looks like the first link may be coded inline – or there with the code – instead of using a stylesheet.

    Try this for the rest of your links:

    a {
    color: #305c9b;
}

    Thread Starter hmahraj

    (@hmahraj)

    THANK YOU! That worked beautifully. Now all the hyperlinked text is the same color and no need to underline text in the sidebar widget to imitate hyperlinks. (Laugh)

    My bullet hypertext is also blue. Yeah! Brilliant. The bold attribute is also gone. You have helped so much, Geoffrey.

    Funnily, I think the look of the website has become too blue. Now, maybe I will consider a different background or change the header color. ??

    Geoffrey Shilling

    (@geoffreyshilling)

    Volunteer Moderator

    You’re welcome! I’m glad to hear that helped ??

    It can take some tweaking to get things looking just the way you want. Good luck and have fun ??

    Also, I happened to notice the link in your profile is not the same as the one you mentioned above; I just thought I would let you know.

    Thread Starter hmahraj

    (@hmahraj)

    Not sure what you mean by it being a different link. The link to the website and my profile link?

    Geoffrey,
    Thanks for your great help. With your help, I was able change the color of all anchor text in my website https://www.weight-loss-for-busy-people.com/ with chosen color.
    Now, I have one more question, can I add any CSS code to open all outbound links in new window?

    If so, which code should I add? Or do I have to do it manually whenever any external link I add?

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to change color of hyperlinks in posts’ is closed to new replies.