Editing Form CSS | Community
Skip to main content
Alison_Moulton1
Alison_Moulton1
Level 2
November 1, 2019
Question

Editing Form CSS

  • November 1, 2019
  • 1 reply
  • 7649 views

I want to edit the button in my forms to be brand compliant. I attempted to edit the CSS but the CSS I have isn't over-riding the current button style. What am I missing? Has anyone ever done this before? #forms css #css style

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

1 reply

SanfordWhiteman
SanfordWhiteman
Level 10
November 1, 2019

Has anyone ever done this before?

People use custom CSS all the time!

But without your code (pls highlight using the Advanced Editor's syntax highlighter) and a link to your page, we couldn't possibly tell you what you're missing.

Alison_Moulton1
Alison_Moulton1Author
Level 2
November 4, 2019

ahh yes I forgot the most important piece. 

#mktoStyleLoaded {
/* css load detection, do not remove */
/* button style */
.mktoButton {
background: #ff7e21;
color: #ffffff;
border-color: #ff7e21;
box-shadow: none;
font-size: 0.875rem;
padding: 0.625rem 1.125rem;
line-height: 1.5;
border-radius: 0.2rem;
font-weight: 700;
font-family: 'Open Sans', sans-serif;
text-shadow: none;
}
.mktoButton:hover {
background: #ff9b54;
color: #ffffff;
border-color: #ff9b54;
}

I'm not sure how to highlight using the Advanced Editor's syntax highlighter.

Terms & ConditionsAccessibility statement

Loading footer...