Creating New Form Themes | Community
Skip to main content
Shayla_Wentz
Shayla_Wentz
Level 4
February 23, 2015
Question

Creating New Form Themes

  • February 23, 2015
  • 2 replies
  • 2196 views
Is there a way to create a new entirely custom form theme?

We are building a new website and are having issues with Marketo forms working well with the responsive scrolling built into the new site due to the CSS styling that the form is loading.

If I can't create a new style-less theme, can I make the form fields auto adjust for width instead of a set width? That will solve most of the issues we are having.

Thanks!
Shayla
This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

2 replies

Bruce_Jeffers
Bruce_Jeffers
Level 4
February 23, 2015
Shayla, I'm not sure if you can create a style-less theme for a form. I think what you may need to do is "trump" the other stylesheets by adding !important to any styles in the Marketo form. This is what we did.

You could try using a percentage in the css style for the form field width.  (style="width: 50%;")  It doesn't have to be a set pixel width.

Or perhaps you could also implement an @media set of styles into the Marketo form....which kicks into effect when a window is resized down (or viewed on mobile device). We did this to prevent fields from being too wide when viewed on mobile.

I hope this helps a little. I'd be glad to elaborate more if needed. I'm not a pro when it comes to CSS but I know just enough to be dangerous  :)
SanfordWhiteman
SanfordWhiteman
Level 10
February 24, 2015
@Shayla W if you want to disable all styles, you can do it like so: http://jsfiddle.net/sanford/9wvf0zjz/show/

To be clear, this isn't changing the markup, just disabling the CSS rules. In other words, if Marketo wraps a BUTTON in a SPAN, it's going to stay that way in the DOM.  However you'll be able to style the markup any way you like.
Terms & ConditionsAccessibility statement

Loading footer...