0

I have done about 11 straight hours work on my site, adding tones of new features to it. However, I have just noticed that none of my hover effects are now working.

My site is very large and I understand that i can't post the whole thing in this, however is there any common things that may cause such a bug?

Im using bootstrap.

Michael Barley
  • 179
  • 1
  • 4
  • 13
  • you must have something else overwriting the hovers – Rene Pot Jun 07 '16 at 20:19
  • Choose some element that doesnt work and check it in devtools styles tab -> [hover state](http://stackoverflow.com/questions/4515124/see-hover-state-in-chrome-developer-tools) see what is overriding the hover css – Jaqen H'ghar Jun 07 '16 at 20:23

3 Answers3

1

One thing I would definitely suggest doing is making sure the closing curly braces all match up to the correct opening braces. That can usually cause trouble if they are not properly closed. In addition, I would suggest checking your class names in your HTML to make sure that everything is spelled properly.

Box Box Box Box
  • 5,094
  • 10
  • 49
  • 67
Michael D
  • 96
  • 6
0

Search for a :hover in your CSS files... Or maybe you added bootstrap.css the overrides it...

Mattan Bitner
  • 1,463
  • 3
  • 14
  • 29
0

You may have accidentally removed or left out a closing bracket in your CSS. Maybe run your stylesheet through a validator to be certain - https://jigsaw.w3.org/css-validator/

iMarketingGuy
  • 636
  • 4
  • 10