SOLVED

Re: Form renders different on landing page

Go to solution
Anonymous
Not applicable

Form renders different on landing page

Has anyone else experienced the preview of a form rendering differently than the actual form when place on a landing page? It's extremely frustrating when I think it will show one way and it doesn't. Is there a setting that needs to be change? Is there a fix to this problem?

Form button looks like this in preview:                                            But looks like this on landing page

pastedImage_3.png                              pastedImage_4.png

Please help!!!! Thank you!

1 ACCEPTED SOLUTION

Accepted Solutions
Grégoire_Miche2
Level 10

Re: Form renders different on landing page

Hi Sharnel,

No problem

Indeed, there is a style in your landing page, (probably in the template) that modifies the button layout :

.button, button, input[type="reset"], input[type="submit"], input[type="button"] {

  background: #ffa200;

  border:7px solid #f9bd4f;

  -webkit-border-radius: 40px;

  -khtml-border-radius: 40px;

  -moz-border-radius: 40px;

  -ms-border-radius: 40px;

  -o-border-radius: 40px;

  border-radius: 40px;

  color:#FFFFFF !important;

  cursor:pointer;

  display:inline;

  font-size:16px !important;

  font-weight:bold;

  left:0px;

  padding:12px 20px !important;

  position:relative;

  text-shadow:1px 1px 1px #888;

  text-transform:uppercase;

  top:10px;

}

You will have to remove it or override it with a style that is specific to Marketo forms.

But in any case, the form rendering in the actual page is very different from your screen shots above.

-Greg

View solution in original post

7 REPLIES 7
Grégoire_Miche2
Level 10

Re: Form renders different on landing page

Hi Sharnel,

Send us the URL of your LP.

I suspect there is a CSS stylesheet on you LP that changes the rendering of the form button.

-Greg

Anonymous
Not applicable

Re: Form renders different on landing page

Grégoire_Miche2
Level 10

Re: Form renders different on landing page

Hi Sharnel,

This is a Marketo internal URL. It supposes that we could connect to your instance

Send us the URL of the approved page, the one that your prospects could access.

-Greg

Anonymous
Not applicable

Re: Form renders different on landing page

Sorry about that...I'm still somewhat of a novice. Here it is: http://info.cleansolar.com/Q-and-A-Landing-Page.html

Grégoire_Miche2
Level 10

Re: Form renders different on landing page

Hi Sharnel,

No problem

Indeed, there is a style in your landing page, (probably in the template) that modifies the button layout :

.button, button, input[type="reset"], input[type="submit"], input[type="button"] {

  background: #ffa200;

  border:7px solid #f9bd4f;

  -webkit-border-radius: 40px;

  -khtml-border-radius: 40px;

  -moz-border-radius: 40px;

  -ms-border-radius: 40px;

  -o-border-radius: 40px;

  border-radius: 40px;

  color:#FFFFFF !important;

  cursor:pointer;

  display:inline;

  font-size:16px !important;

  font-weight:bold;

  left:0px;

  padding:12px 20px !important;

  position:relative;

  text-shadow:1px 1px 1px #888;

  text-transform:uppercase;

  top:10px;

}

You will have to remove it or override it with a style that is specific to Marketo forms.

But in any case, the form rendering in the actual page is very different from your screen shots above.

-Greg

Anonymous
Not applicable

Re: Form renders different on landing page

Oh I see. Thank you! That helps out a lot!

SanfordWhiteman
Level 10 - Community Moderator

Re: Form renders different on landing page

I assume you have CSS on the LP which (quite appropriately) affects the form elements. If you don't give us a URL there's nothing else for us to do.