SOLVED

Re: Issues adding custom css to form theme

Go to solution
Anonymous
Not applicable

Re: Issues adding custom css to form theme

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
Not applicable

Re: Issues adding custom css to form theme

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.


0EM50000000SLJk.jpg

Corey_Bethel
Level 4 - Champion Alumni

Re: Issues adding custom css to form theme

Add this code to change the color of the asterisk:

.mktoForm .mktoAsterix {
    color: #FFFFFF !important;
}
Corey Bethel
Consultant | Etumos
Anonymous
Not applicable

Re: Issues adding custom css to form theme

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).