Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

Magnifying glass icon in search form WordPress

Hi Guys

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

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

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

Many thanks

Answers (3)


Arnav Joy answers:

Hello Steve ,

Check these two tutorials


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:


zebra webdesigns answers:

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