Replacing a search or submit button with an image

Updated on 20-October-2016 at 10:16 AM

Business Catalyst End of life announcement - find out more details.

You need to change a line in your code that looks like this:
<input class="searchbutton" value="Search" type="submit">


<input name="submit" class="cat_button" src="/images/button.gif" type="image">

Where /images/button.gif is the path to your image.

You can also style your button with just pure CSS and there are a couple of great links below showcasing and explaining how you can do this. - A mix of different CSS button styles. - Using CSS 3 Gradients to create amazing button and hover styles.
<button></button> Works the same as your input but gives you more options in how you present your button.