Editing Form CSS | Community
Skip to main content
Alison_Moulton1
Alison_Moulton1
Level 2
Nov 1, 2019 9:26 PM UTC
Question

Editing Form CSS

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.

7 replies

SanfordWhiteman
SanfordWhiteman
Level 10
Nov 1, 2019 9:50 PM UTC

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.

Translate
Alison_Moulton1
Alison_Moulton1Author
Level 2
Nov 4, 2019 6:54 PM UTC

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.

Translate
Terms & ConditionsAccessibility statement

Loading footer...