html code for Submit button ?

  • geebeede

    (@geebeede)


    11 years, 2 months ago

    Hello,
    I managed to design the fields via adding codes…
    I only couldn’t work out how to do this with the Submit button..

    I want this one to look like the other 2 just not so wide…
    ( please see here http://009.3c5.myftpupload.com/ )

    This is what I added to the CSS for the fill in fields

    .wpcf7 input[type=”text”],
    .wpcf7 input[type=”email”],
    .wpcf7 textarea
    {
    background-color: #fffff;
    color: #000;
    width: 140px;
    height: 30px;
    border: none;
    padding-left:10px

    }

    What do I have to add to the CSS to achieve the same with the submit button???

    Thank you for any help!!!

    https://ww.wp.xz.cn/plugins/contact-form-7/

Viewing 1 replies (of 1 total)
  • Neil Murray

    (@buzztone)

    11 years, 2 months ago

    See Styling Contact Form for a general explanation of styling CF7 forms using CSS.

    There is a link at the bottom of the page to a comprehensive and detailed article on Styling Contact Form 7 Forms. The article shows people, with suitable HTML & CSS skills, how to change the appearance of their Contact Form 7 Forms to meet their particular requirements.

    Use Firebug or Chrome Dev Tools to understand the CSS used for your CF7 form elements.​​

Viewing 1 replies (of 1 total)

The topic ‘html code for Submit button ?’ is closed to new replies.