Issues adding custom css to form theme

[Anonymous]

I'm guessing you want the bottom form to look like the top? Here's some code to get you going:

label.mktoLabel {

    color: #fff;

}

button.mktoButton {

    color: #fff;

    font-size: 18px;

    background: #ffa02f;

    padding: 12px;

    text-decoration: none;

    width: 100%;

    border: none;

    border-radius: 0px;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

}

span.mktoButtonWrap {

    margin-left: 0 !important;

}

.mktoButtonRow {

    width: 100%;

}

[Anonymous]

Almost there. I appreciate you guys helping. http://info.cnlsecurities.com/formtest5.html

How do I update the asterisk from red to white. I assume that the color: fff wouldve udated that.

The code above helped change the font color to white but it appears to ignore the rest of the button styles. It did accept the button style to width 100% but everything else didnt showup. However,  I went to the wiziwig to change the button color to orange which worked out great. Just need to fix the font 18px and padding 12px. Any thoughts? Again, I appreciate you guys helping out a new marketo user.

[Corey_Bethel]

Add this code to change the color of the asterisk:

.mktoForm .mktoAsterix {

    color: #FFFFFF !important;

}

[Anonymous · Accepted solution]

By using the WYSIWYG button style, the style is overriding the ones I provided. You can either revert back to the original button or add !important tags at the end of each one of my properties (i.e. font-size:18px !important).