I know its a bit late, but I came across your post when I was looking into how to do it. No one had the answer, so I just kind of tried my own thing.
Kind of a round about way of doing it, but it works…
In the preferences of your contact form add change your submit button to look like this:
[submit class:submit_button “Send”]
Now in your styles.css file add the following:
.submit_button{
color: #FFFFFF; <-- change FFFFFF
font-size: 0px;
width: 11111px; <-- change 11111
height: 11111px; <-- change 11111
border: none;
margin: 0;
padding: 0;
background: #FFFFFF url(./images/submit.gif) 0 0 no-repeat; <-- submit.gif needs to be the same size as the width / height you set previously.
}
doesn’t this make the cursor into an arrow when hovering on the button?
Got this in place, now how about making it also a link to another page, so they submit their form and then get sent to another page?
IE doesn’t like your zeroing the font size. It stays barely visible. Here’s a fix:
change
[submit class:submit_button “Send”]
to
[submit class:submit_button ” “]
To get the cursor to do the normal mouseover effect add “cursor:pointer;” to your css.
So i have to change the /images/submit.gif with another address for image?
Or i have to overwrite the submit.gif image with another image?
I want to experiment with my blog so i can make up it.
Any idea better?
