[Plugin: Easy Contact Forms] Submit Button Disappears when Only when adding css

  • Resolved fsoto

    (@fsoto)


    13 years, 11 months ago

    So the submit button works fine unless I add any css to it. Mind you I know little about css as I am learning so this could be my mistake. If that is the case I would appreciate someone point me in the right direction.

    http://frankisgreat.org/join-the-fanclub

    I have successfully added other css to the other fields and it works fine but when I add it to the submit button such as

    color:#121211;
    text-decoration:none;
    margin:10px 30px 0 0;
    background:#d4d4d4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#fcfcf9′, endColorstr=’#d4d4d4′);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fcfcf9), to(#d4d4d4));
    background: -moz-linear-gradient(top, #fcfcf9, #d4d4d4);
    border:none;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -0-border-radius:3px;
    border-radius:3px;
    display:block;
    padding:10px 25px;
    text-align:center;
    font-size: 18px;
    text-shadow:0 1px 0 #d4d4d4;
    text-transform:uppercase;

    It stops working. it shows no button.

    Also on a side note does anyone know how to add space between items. So If I wanted to shift the button lower away from the test field. Any help is appreciated. Thank you.

    http://wordpress.org/extend/plugins/easy-contact-forms/

Viewing 5 replies - 1 through 5 (of 5 total)
  • jasonDMSQD

    (@jasondmsqd)

    13 years, 10 months ago

    Hi fsoto.

    I’m not sure if you’re still having this problem but I have a solution for this is you are still encountering it.

    If you go into the contact form and then into the submit button section and tick the set style option. Once that is ticked give the field css class a name, something like submitButt will do.

    Save that at the top of the page and then go into the appearance tab and then the stylesheet tab.

    Once in there put the class name in that you named the submit button ( in the case above it would be .submitButt {} ).

    Make sure you put the full stop in front of it then between the {} copy all of your code that you have above into there and it should work fine.

    As for adding space between items you could use margin-top: 10px; or padding-top: to give you some space between the items.

    Hope this helps you and anyone else who is running into this problem.

    Thread Starter fsoto

    (@fsoto)

    13 years, 10 months ago

    Hey jasonDMSQD,

    I really want to say thank you. That worked perfectly for me. I really appreciate you taking the time to respond to this.

    Plugin Author wppal

    (@wppal)

    13 years, 10 months ago

    jasonDMSQD, thank you for the provided solution!

    ggoetzl

    (@ggoetzl)

    13 years, 8 months ago

    Dear jasonDMSQD,
    thank you for your finedescription. Now I have a question. In which php files I have to go if I want to add css to the submit button? There are so many. I have searched for hours, but I can´t find where I have to go.
    Thanks a lot.

    ggoetzl

    ggoetzl

    (@ggoetzl)

    13 years, 8 months ago

    Dear jasonDMSQD,

    now I understand, I have to do it in the form itself.

    Thank you
    ggoetzl

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘[Plugin: Easy Contact Forms] Submit Button Disappears when Only when adding css’ is closed to new replies.