SOLVED

Form - Submit Button Color

Go to solution
Lisa_Heay2
Level 3

Form - Submit Button Color

We're working on forms for a new website.  We have a specific lime green color to use for the button which I've selected in the form editor, but when we view the form on our staging site, the button appears as a teal color.  Any ideas on how to solve this?

pastedImage_1.png    Staging.JPG

1 ACCEPTED SOLUTION

Accepted Solutions
Grégoire_Miche2
Level 10

Re: Form - Submit Button Color

+1 on Gerard,

I prefer to add the CSS directly to the landing page template or the website (for embedded forms) so that I am sure that it will apply consistently to all forms.

-Greg

View solution in original post

4 REPLIES 4
Gerard_Donnell4
Level 10

Re: Form - Submit Button Color

Did you add the color through the custom css area on the form editor? Also make sure to make all your styles "!important" so that they don't get overwritten. See example.

Edit the CSS of a Form Theme - Marketo Docs - Product Docs

.mktoButton {
  1.    color: #FFFFFF !important;
  2.    width: 185px !important;
  3.    background: #3899f4 !important;
  4.    -webkit-border-radius: 3px !important;
  5.    -moz-border-radius: 3px !important;
  6.    border-radius: 3px !important;
  7.    font-size: 16px !important;
  8.    font-style: italic !important;
  9.    font-weight: 100 !important;
  10.    -webkit-box-sizing: border-box !important;
  11.    -moz-box-sizing: border-box !important;
  12.    box-sizing: border-box !important;
  13.    border: 0 !important;
  14.    padding: 2px !important;
  15.    text-align: center !important;
Grégoire_Miche2
Level 10

Re: Form - Submit Button Color

+1 on Gerard,

I prefer to add the CSS directly to the landing page template or the website (for embedded forms) so that I am sure that it will apply consistently to all forms.

-Greg

Gerard_Donnell4
Level 10

Re: Form - Submit Button Color

Agreed Grégoire Michel​ and good point.  If you can let your web team add the code to their css files it means they can be responsible for it otherwise if they update styles on the website the buttons and any other styles you have on your forms will suddenly look odd and out of place until you update them again in Marketo.

Lisa_Heay2
Level 3

Re: Form - Submit Button Color

Thank you both - we got it working!