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

Hover Color

Engaged ,
Jul 25, 2017 Jul 25, 2017

Copy link to clipboard

Copied

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.

Views

544
Translate

Report

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
Community Expert ,
Jul 25, 2017 Jul 25, 2017

Copy link to clipboard

Copied

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

Votes

Translate

Report

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

Copy link to clipboard

Copied

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

Votes

Translate

Report

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

Copy link to clipboard

Copied

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

}

Votes

Translate

Report

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

Copy link to clipboard

Copied

I added

#myNavbar a {

color: #000000;!important

}

And made no difference.

Votes

Translate

Report

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

Copy link to clipboard

Copied

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.

Votes

Translate

Report

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