Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Hover Color

Engaged ,
Jul 25, 2017 Jul 25, 2017

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.

635
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

LEGEND , Jul 26, 2017 Jul 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

}

Translate
Community Expert ,
Jul 25, 2017 Jul 25, 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 & Moderator
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Engaged ,
Jul 25, 2017 Jul 25, 2017

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

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jul 26, 2017 Jul 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

}

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Engaged ,
Jul 26, 2017 Jul 26, 2017

I added

#myNavbar a {

color: #000000;!important

}

And made no difference.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jul 26, 2017 Jul 26, 2017
LATEST

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.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines