Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Why is my ‘a’ inheriting this css…

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #41185
    ARCScripting
    Participant

    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

    #116476
    TheDoc
    Member

    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 */ }

    #116477
    TheDoc
    Member

    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`.

    #116478
    ARCScripting
    Participant

    Aye good eye..

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

    Thanks so much

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.