treehouse : what would you like to learn today?
Web Design Web Development iOS Development

[Solved] Why is my 'a' inheriting this css...

  • Ok so I have been working on this site and all of my links have this weird little padding and drop shadow on the hover effect.. I want it in the mast head but not on the rest of the links... Maybe the drop shadow but nothing else.

    Anyone that could help me get this little thing fixed would be greatly appreciated.

    It can be seen on the home page @ http://hopewell-sub-pizza.com/ the read more buttons highlight the real trouble.

    -Allen

  • You have this:

      .social a.active, a:hover, a:focus, a:active { /* styles */ }
    

    ...but it should be like this:

      .social a.active, .social a:hover, .social a:focus, .social a:active { /* styles */ }
    
  • Also, your #mast-head div is causing a horizontal scrollbar due to its 100% width. To fix this you just need to apply position: relative; to #container.

  • Aye good eye..

    I also had a .navigation a group set up wrong didnt even notice it.

    Thanks so much