Changing Button style on a form via CSS | Community
Skip to main content
Jo_Pitts1
Community Advisor
Jo_Pitts1Community Advisor
Community Advisor
November 13, 2017
Question

Changing Button style on a form via CSS

  • November 13, 2017
  • 1 reply
  • 5336 views

All,

I'm creating my first Marketo form, and started using the simple form theme, so I could overlay CSS from there.

I've added this into my custom CSS

.mktoForm .mktoButton {

  border: 1px solid #f07d00;

  color: #5e524d; 

}

But for it is having no effect on the button when I do a preview.

What am I missing (given that I am both a marketo n00b and a CSS n00b, I will be missing something!)?

Cheers

Jo

1 reply

SanfordWhiteman
SanfordWhiteman
Level 10
November 13, 2017

Please link to your page.

Jo_Pitts1
Community Advisor
Jo_Pitts1Community AdvisorAuthor
Community Advisor
November 13, 2017

Here is my landing page - go.auranga.co.nz/AUR-2017-Test.html

Here is what I am working towards achieving (including mouse over on the button) Register your interest

Ultimately, I expect to be embedding the form directly, not via a Marketo LP

Cheers

Jo

SanfordWhiteman
SanfordWhiteman
Level 10
November 13, 2017

You would need to use !important on those because of the placement of the built-in Custom CSS <style> (i.e. above the Simple forms <style>). Or you could place your custom CSS in its own <style> tag that you place underneath the <form>, which is probably more manageable and would allow you to use the CSS cascade directly without !important.

Terms & ConditionsAccessibility statement

Loading footer...