All Posts by Email, Once a Week

Media Temple logo

CSS-Tricks is brought to you in part by Media Temple, the web hosting that we both use and recommend.

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.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed