Landing Page Form Customization | Community
Skip to main content
Megan_Thomas2
Megan_Thomas2
Level 1
December 14, 2015
Question

Landing Page Form Customization

  • December 14, 2015
  • 4 replies
  • 3019 views

Hi, does anyone have any tips on how to customize a form within a landing page to make it look more elegant? Change the style of the button?  Text? anything beyond what is in the basic form editor?

4 replies

A
Anonymous
December 14, 2015

Lot of these things can be achieved by custom css styles.

Rajesh

Megan_Thomas2
Megan_Thomas2Author
Level 1
December 14, 2015

How do you do that?

Grégoire_Miche2
Grégoire_Miche2
Level 10
December 14, 2015

Hi Megan,

when creating / editing a form, on the form settings -> form theme, there is a button. You will be able to edit the CSS of the form. You can also add some CSS to your landing page template.

-Greg

A
Anonymous
April 26, 2016

Where is the documentation on hte elements for css customizing?

Grégoire_Miche2
Grégoire_Miche2
Level 10
April 27, 2016

Hi David,

NO, there is none, but on the same gear icon, you can access the existing CSS and start from there.

-Greg

A
Anonymous
April 27, 2016

Hi Megan,

You can write some CSS to style the form. I wrote about some tips in this post: How To Style A Marketo Form Like A Pro

SanfordWhiteman
SanfordWhiteman
Level 10
April 27, 2016

"Elegance" is hard to pin down. There are tons of Community posts about form customization for you to search.

You can start from scratch using my destyled Marketo form: MktoForms2 :: Destyle Marketo form. Another core task is tagging generic wrapper elements so you can style them based the fields they enclose: MktoForms2 :: Tag Wrapper Elements 

Depending on your needs, you can also alter the default HTML markup. I do this in a lot of the demos you'll find here.

Terms & ConditionsAccessibility statement

Loading footer...