Make Search input a Picture

HTML & CSS
1

Hello,

Working on this site…

http://fuzzypanda.ca/bary/

Below the slider in the Sidebar you will see my search field. I’m using the basic Wordpress widget.

Was wondering how to go about making the Search button a picture and have it to the right of the field.

Here is the link to the image I would need to be the button and of course would like it to be lined up nicely with the input field…

http://fuzzypanda.ca/bary/wp-content/themes/barysales/img/search.png

Thanks,

Mike

2

Sure you can use type “image” on the button, something like this:

<input type="image" src="/bary/wp-content/themes/barysales/img/search.png" alt="Search">

When that’s in place you can assign one or two CSS rules to further style it.

3

Thanks, but is there a way to just stylize it rather then messing with the HTML/PHP as not sure which file to change for that as I’m using the default search widget in Wordpress.

4

I got it, so can close or delete thread.