Change text colour on hover

  • Resolved muyf6d

    (@muyf6d)


    8 years, 5 months ago

    Hello ??

    It’s probably somewhere on the snippets page but I looked and I just couldn’t find it!

    I’d like to change the colour of the text in the menu links on the top navigation bar. This would be instead of having a transparency hover thing.

    Thanks!

    R

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Sure, check this CSS out:

    .menu-secondary-items a {
  opacity: 1;
  color: #43b3c4;
}
.menu-secondary-items a:link,
.menu-secondary-items a:visited {
    color: #43b3c4;
}
.menu-secondary-items a:hover,
.menu-secondary-items a:active,
.menu-secondary-items a:focus {
    color: #43b3c4;
}

    That will make the links full opacity all the time and change the color. To change the default color, modify the first two instances of “#43b3c4”. The last time #43b3c4 occurs is for the hover color of the links.

    Thread Starter muyf6d

    (@muyf6d)

    Worked a treat – awesome!

    Theme Author Ben Sibley

    (@bensibley)

    Great, no problem!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change text colour on hover’ is closed to new replies.