Hyperlink color

  • IrishCharm

    (@irishcharm)


    6 years, 3 months ago

    Hello,

    I want to change the color of all the hyperlinks, like hyperlinks in widgets and such.
    I can’t seem to find it in the stylesheet.
    Thanks in advance.

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Jarret

    (@jarretc)

    6 years, 3 months ago

    You would just target the anchor link such as using the following in Appearance->Customize->Additional CSS

    a {
	color: red;
}
    Thread Starter IrishCharm

    (@irishcharm)

    6 years, 3 months ago

    Thanks, it worked!

    gregcrowe

    (@gregcrowe)

    6 years, 1 month ago

    On a similar note, I put the following in my additional CSS:

    a {
    color: #000;
    text-decoration: none;
    font-weight: bold;
    }

    a:hover,
    a:focus,
    a:active {
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    }

    Note that the colors are just so I can see what is working. So, with this in place, the link looks bolded and black, but when I mouse over, it becomes unbolded but stays black. I can’t figure out what could be causing this.

    Actually, I just noticed that there is a style that is taking precedence:

    p.has-text-color a {color:inherit;}

    Why would this exist? Wouldn’t you always have text color in a paragraph, and wouldn’t you always want links to be a different color?

    • This reply was modified 6 years, 1 month ago by gregcrowe.
    Jarret

    (@jarretc)

    6 years, 1 month ago

    @gregcrowe inherit in CSS means it takes the value from the parent element

    So with that setting, if the text color is set to blue in the paragraph block, it would pull the link color from the element that the block paragraph is contained within if that makes sense. This way, even though the font color in the block changes, it ensures that the link color remains the same across the rest of the content

    gregcrowe

    (@gregcrowe)

    6 years, 1 month ago

    Oh crap, the idiot who is putting the text in set a color in the block! No wonder I couldn’t get it to do anything! Sorry to bother, and thanks for your time.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Hyperlink color’ is closed to new replies.