SOLVED

Re: Issues adding custom css to form theme

Go to solution
Anonymous
Not applicable

Issues adding custom css to form theme

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 in0EM50000000SLFs.jpg
Tags (1)
1 ACCEPTED SOLUTION

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

View solution in original post

13 REPLIES 13
Anonymous
Not applicable

Re: Issues adding custom css to form theme

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

label{
      color: #fff;
}

.mktoButton{
     * Your Button Code *
}
Anonymous
Not applicable

Re: Issues adding custom css to form theme

Jason,
that did not work. see attached. thank you for responding0EM50000000SLG7.jpg
Anonymous
Not applicable

Re: Issues adding custom css to form theme

Richard,

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

Re: Issues adding custom css to form theme

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

Let me know if the link above is what you are looking for. thanks
Corey_Bethel
Level 4 - Champion Alumni

Re: Issues adding custom css to form theme

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. 
Corey Bethel
Consultant | Etumos
Anonymous
Not applicable

Re: Issues adding custom css to form theme

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

Re: Issues adding custom css to form theme

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 again0EM50000000SLI8.jpg
Corey_Bethel
Level 4 - Champion Alumni

Re: Issues adding custom css to form theme

Richard,

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

Corey Bethel
Consultant | Etumos
Corey_Bethel
Level 4 - Champion Alumni

Re: Issues adding custom css to form theme

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

Make sense?
Corey Bethel
Consultant | Etumos