Skip to main content
Inspiring
July 25, 2017
Answered

Hover Color

  • July 25, 2017
  • 3 replies
  • 721 views

On my website, when you hover over a tab it turns white and when you move away it goes black, and that's what I want. But On my LINK tab when you click on it then move the mouse away it stays white. how can I make it act like the others?

Home - Empowered Golfers Mb.

    This topic has been closed for replies.
    Correct answer osgood_

    jaspermaxx44  wrote

    On my website, when you hover over a tab it turns white and when you move away it goes black, and that's what I want. But On my LINK tab when you click on it then move the mouse away it stays white. how can I make it act like the others?

    Home - Empowered Golfers Mb.

    Adding the below css selector to your css styles should work:

    #myNavbar a {

    color: #000000;!important

    }

    3 replies

    Inspiring
    July 27, 2017

    I added

    #myNavbar a {

    color: #000000;!important

    }

    And made no difference.

    Legend
    July 27, 2017

    jaspermaxx44  wrote

    I added

    #myNavbar a {

    color: #000000;!important

    }

    And made no difference.

    It works how you describe you want it to work in your original post at the url below. Maybe you need to empty your browsers cache as you could be seeing an old version of the page in your browser.

    Home - Empowered Golfers Mb.

    osgood_Correct answer
    Legend
    July 26, 2017

    jaspermaxx44  wrote

    On my website, when you hover over a tab it turns white and when you move away it goes black, and that's what I want. But On my LINK tab when you click on it then move the mouse away it stays white. how can I make it act like the others?

    Home - Empowered Golfers Mb.

    Adding the below css selector to your css styles should work:

    #myNavbar a {

    color: #000000;!important

    }

    Nancy OShea
    Community Expert
    Community Expert
    July 26, 2017

    OnClick is not the same as Hover. 

    In CSS, the following link states (aka Anchor Pseudo-Classes) must be defined in order within your stylesheet.

    a = any link

    a:link = unvisited links

    a:visited = visited links from the browser's cache

    a:hover = on mouseOver

    a:active = reached by a tab key or similar

    a:focus = on Click or Tap.

    The memory device (aka mnemonic) for Link, Visited, Hover, Active is LoVe HAte

    Hope that helps.

    Nancy

    Nancy O'Shea— Product User & Community Expert
    Inspiring
    July 26, 2017

    I'm sorry. I'm not 100% sure what you're saying.