Issues adding custom css to form theme

[Anonymous]

Using forms 2.0, I selected the form theme "simple" and all I wanted to do is change the button style and change the font color to white since my background color is blue. I followed the instructions "edit the css of a form theme" tutorial and I copied the code and pasted it in the "edit custom css" field. Still no luck.

Not sure if it makes a difference but I am embeding the code into my custom css landing page.

Thanks in advance.

See attached added code in blue. Thank you in

[Anonymous]

You'll need to be more specific with your CSS selectors. Try this code:

label{
      color: #fff;
}

.mktoButton{
     * Your Button Code *
}

[Anonymous]

Jason,
that did not work. see attached. thank you for responding

[Anonymous]

Richard,

Can you share a link to the page? Always easier to work with the actual code in question. Thanks!

[Anonymous]

https://app-sj03.marketo.com/m#FOP1047

Let me know if the link above is what you are looking for. thanks

[Corey_Bethel]

Richard,

I use this to custom syle my buttons. Hopefully it'll work for your buttons.

.mktoForm .mktoButtonWrap.mktoSimple .mktoButton {

    color:#FFFFFF !important;
    //Place property and styles here.

}

I put !important after each style to make sure the browser uses my styles instead of Marketo's. 

[Anonymous]

Was looking for the form on a publicly accessible page if possible. Give Corey's code a try and if it doesn't work we'll try again 🙂

[Anonymous]

Jason, below is a link to the page.

http://info.cnlsecurities.com/formtest3.html

I was hopefull with Corey's but that didnt change anything. see attached. thanks again

[Corey_Bethel]

Richard,

You need to add a period before mktoForm. That should fix it!

[Corey_Bethel]

Also, the closing bracket "}"directly above /*MY CUSTOM STYLE ENDS */ should be moved to right above /* MY CUSTOM STYLE STARTS */

Make sense?