Grow your CSS skills. Land your dream job.

Disable hover effect

  • # May 4, 2012 at 4:42 pm

    I am looking to disable the hover effect on my Petrowest logo that is on the top left hand side of the banner area, while keeping it still linked to the home page. Any help with this would be great.

    http://petrowest.squarespace.com/

    # May 4, 2012 at 5:06 pm

    To remove the box-shadow you can do this:

    a #banner:hover {box-shadow: 0 0 0; }

    # May 4, 2012 at 5:08 pm

    Target the link and ‘unhover’ it.

    It’ll be something like…

    #banner a img:hover {
    opacity:1.0;
    box-shadow:none;
    }
    # May 4, 2012 at 5:51 pm

    Thanks a lot! Worked perfect

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".