How do I remove the rectangle drop shadow appearing around the search button?

  • ahodgins

    #10092

    A little rectangle drop shadow is appearing around the search button. I just want this to appear flat one colours so the circle is the only button not a circle then a rectangle button. Thanks!

    Mod

    Kenneth John Odle

    #45346

    Are you talking about the search button in the top bar?

    ahodgins

    #45347

    yes the magnifying glass circle icon has a rectangle box with a drop shadow around it and I have tried but can’t seem to remove it.

    Mod

    Kenneth John Odle

    #45348

    That image (along with the shadow) is part of the master sprite image (which you can see here). You need to replace the entire image, using custom CSS like this:

    #top_search button {
    background: url("link to image you want to use") no-repeat scroll top transparent; */
    }

    You can download the master sprite, extract the part you want using Photoshop or GIMP, and upload it to your media library. You can use the link you get there in the above CSS.

    ahodgins

    #45349

    No sorry I don’t mean the circle image there is rectangle around the circle.

    Sorry here is link so I can actually make sense:

    http://www.alanahodgins.com.au/skillsgeneration.com.au/wordpress/

    Mod

    Kenneth John Odle

    #45350
    #top_search button {
    box-shadow: none;
    }

    ahodgins

    #45351

    Thanks so much!

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

You must be logged in to reply to this topic.