Changing Link Colors Separately

  • aluminumcandy

    (@aluminumcandy)


    4 years, 9 months ago

    I’m having trouble finding if this topic has already been covered.

    I am trying to change the link colors on my post titles without changing the links everywhere else, like the menus.

    Can anyone help me with the code for how to do that? I can change the link colors over my entire site, but not separately.

    Thank you.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Christian Sabo

    (@pixelverbieger)

    4 years, 9 months ago

    Hi @aluminumcandy

    this code should do what you intend to do:

    .post-header .post-title a:link {
    color: #0000ff;
}

.post-header .post-title a:visited {
    color: #00ffff;
}

.post-header .post-title a:hover {
    color: #ff00ff;
}

.post-header .post-title a:active {
    color: #ff0000;
}
    Thread Starter aluminumcandy

    (@aluminumcandy)

    4 years, 9 months ago

    Fantastic! Thank you!

    As a follow-up, would you happen to know how to do the same thing for pages?

    Christian Sabo

    (@pixelverbieger)

    4 years, 9 months ago

    Sure, that would be

    body.page .post-header .post-title,
body.single-post .post-header .post-title a:link {
    color: #ff0000;
}

body.page .post-header .post-title,
body.single-post .post-header .post-title a:visited {
    color: #00ffff;
}

body.page .post-header .post-title,
body.single-post .post-header .post-title a:hover {
    color: #ff00ff;
}

body.page .post-header .post-title,
body.single-post .post-header .post-title a:active {
    color: #ff0000;
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Changing Link Colors Separately’ is closed to new replies.