Hello all,
I know how to change the first color of a button, but not the "roll-over" color (when the cursor is over the button).
The button I chose is the following one, and I would like the second color to be grey instead of purple:
Any help?
Thanks a lot,
Margaux
Hi Margaux,
This will take some CSS.
Edit the form, go to the form them section, clixk the wheel on the right and select "Edit custom CSS".
you will need a CSS entry such as
.mktoForm .mktoButtonWrap .mktoButton:hover {
background-color: #c2c2C2 !important;
}
Bien cordialement,
Grégoire
Try this:
<a href="#"><img src="button1.png" onmouseover="this.src='button2.png'" onmouseout="this.src='button1.png'" /></a>
Hi Lea,
YOur approach would work for a CTA in an email, but not for a form submit button. You canot change the HTML code of a Marketo form button.
-Greg
Well, I wouldn't say you cannot, but you should not. It's better to work on restyling the form than actually changing the form DOM. Though I've been known to do the latter if necesssary.
Anyway, changing out the INPUT[type=submit] for an A would never be advisable. A BUTTON is more semantically accurate, reacts more interactively ("button pressed" state), and is just as functional.