Form - Submit Button Color | Community
Skip to main content
Lisa_Heay2
Lisa_Heay2
Level 3
Jun 29, 2017 9:22 PM UTC
Solved

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?

   

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Grégoire_Miche2
Grégoire_Miche2Accepted solution
Level 10
Jun 29, 2017 10:17 PM UTC

+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 reply

4 replies

Lisa_Heay2
Lisa_Heay2Author
Level 3
Jun 29, 2017 10:31 PM UTC

Thank you both - we got it working!

Translate
Gerard_Donnell4
Gerard_Donnell4
Level 9
Jun 29, 2017 9:58 PM UTC

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;

}

Translate
    Grégoire_Miche2
    Grégoire_Miche2Accepted solution
    Level 10
    Jun 29, 2017 10:17 PM UTC

    +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

    Translate
    Gerard_Donnell4
    Gerard_Donnell4
    Level 9
    Jun 29, 2017 10:28 PM UTC

    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.

    Translate
    Terms & ConditionsAccessibility statement

    Loading footer...