Issues Styling Forms

[Anonymous]

I've been trying to customize a form that was created using Forms 2.0 but keep running into issues.

1. The sizing is completely off. The form looks one way when I'm working on it or previewing it in Marketo but as soon as I embed it into my website it's larger than it supposed to be. When you set the field width are those pixels? Number of characters? I have my form embedded in a Marketo landing page and I set everything to be 230px wide but when I view the final published form on the site it's embedded in it only displays 230px and the rest of the form is cut off.

2. Is there a way to edit where the button is on a form? Right now it's aligning to the right and I need it to align to the left. I haven't been able to find any documentation on this.

3. I've tried to edit the CSS of form themes but they often times won't show the classes I need to edit. For example, maybe I can align the button to the left using CSS but I can't find the correct class name to use. I also wanted to use the Simple theme and just change the label text to be white (I intend to use a dark background image behind it once I embed it in the landing page). It seems all of the options to edit the font color will only edit the color of inputted text and not label text. I had to guess that the class was .mktoForm label {}

[Anonymous]

For the placement of the button you can actually slide the button position in the editor. Just click on the button and move it. 

I use the inspect element/ firebug to view the form elements to determine what to update. Be sure to use the !important rule when adding new properties otherwise they will not work. 

- Jeff

[Michelle_Tizian]

Yup as Jeffrey mentioned above, select the button and drag it where you want it to go.  It didn't work for me a couple of days ago for some reasons but it's working for me today. So you don't need to modify any CSS for that. 

[Dan_Stevens_]

It would be helpful though if we were able to position the submit button using precise values rather than "guessing" where it should be placed - which causes us to constantly go back and forth between the Forms 2.0 editor and the browser.

[Anonymous]

Thanks for the feedback everyone!