Form Button Styling Font and Font Size | Community
Skip to main content
Level 1
November 8, 2022
Solved

Form Button Styling Font and Font Size

  • November 8, 2022
  • 1 reply
  • 1673 views

I'm hoping someone can help me change the size of the font in an embedded Marketo form. I can't figure out the specific syntax to grab the button and style it.  The form exists on this page: https://www.insurate.com/agent-qs

I'd like to increase the size of the font, increase the size of the button and remove the line around the button. I've included the code below. Aside from the challenge here, I'm just at such a loss as to why this is so impossible to do. Thanks to anyone who can help!

 

/* Add your custom CSS below */
.mktoForm .mktoRequiredField label.mktoLabel {
font-weight:normal !important;
}
.mktoForm .mktoOffset {
float: left;
height: .5em;
width:10px;
}

.mktoForm .mktoButton {
margin-top: 20px !important;
padding: 15px !important;
background:#fab300 !important;
width: 250px !important;
border: 1px solid #fab300 !important;
font-size: 16 !important;
color: #000000 !important;
}
.mktoform .mktoButtonRow {
width: 100% !important;
text-align: center!important;
}
.mktoForm .mktoCheckboxList {
font-weight:normal !important;
}

 

Best answer by Disha_Goyal6

Hi @cgrnyc,

 

Please use the below code

.mktoForm .mktoButtonRow button.mktoButton { margin-top: 20px !important; padding: 15px !important; background:#fab300 !important; width: 250px !important; border: 1px solid #fab300 !important; font-size: 16px !important; color: #000000 !important; box-shadow:none !important; text-shadow:none !important; }

 

You can update the CSS according to your requirement in this.

 

Hope this helps!

 

Thanks,

Disha

1 reply

Disha_Goyal6
Community Advisor
Disha_Goyal6Community AdvisorAccepted solution
Community Advisor
November 9, 2022

Hi @cgrnyc,

 

Please use the below code

.mktoForm .mktoButtonRow button.mktoButton { margin-top: 20px !important; padding: 15px !important; background:#fab300 !important; width: 250px !important; border: 1px solid #fab300 !important; font-size: 16px !important; color: #000000 !important; box-shadow:none !important; text-shadow:none !important; }

 

You can update the CSS according to your requirement in this.

 

Hope this helps!

 

Thanks,

Disha