Ask your WordPress questions! Pay money and get answers fast! (more info)

Magnifying glass icon in search form WordPress

Hi Guys

I have used the Search widget to add a search form to my header

http://162.144.12.218/~swo/theworkingmanagerdev.com

I would like to add a magnifying glass icon within the form to the right

http://screencast.com/t/PwyzBPVVWl3

Can i do this with CSS alone or do i need to use an image background or something like that?

Many thanks
Steve

Answers (3)

2013-09-05

Arnav Joy answers:

Hello Steve ,

Check these two tutorials

http://www.ian-thomas.net/make-an-animated-search-form-using-only-css/

http://www.electrictoolbox.com/show-icon-html-input-css/

2013-09-05

Navjot Singh answers:

Add the following code to your css file

s {
background: url(/linktomagnifier.png) no-repeat scroll right center white !important;
padding-right: 17px !important;
}


You can use this image: http://i.imgur.com/OR1xMVf.png

2013-09-05

zebra webdesigns answers:

Hello steve I will come in skype and fix it for you