How to change style of Submit button

  • Davvy

    (@davvy)


    10 years ago

    Hello, I’m a new user of WP and CF7, and also just starting to learn HTML and CSS. I’ve tried to search for a way to modify the appearance of the Submit button, so far unsuccessfully. I’m also using the Nirvana theme. Where would I insert some style code, such as the one below, so I can get the style to apply? The page I’m working on is at https://www.svemfg.com/WP_Site/?page_id=66 . The Submit button style I’m thinking of using is below. Thank you very much for any and all help!

    David
    ‘
    <style type=”text/css”>
    .styled-button-1 {
    -webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
    -moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
    box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
    color:#333;
    background-color:#FA2;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border:none;
    font-family:’Helvetica Neue’,Arial,sans-serif;
    font-size:16px;
    font-weight:700;
    height:32px;
    padding:4px 16px;
    text-shadow:#FE6 0 1px 0
    }
    </style>
    ‘

    https://www.ads-software.com/plugins/contact-form-7/

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

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

    Thread Starter Davvy

    (@davvy)

    Thank you very much for your quick response, buzztone. I’ll go through those docs and figure it out.

    I just came up with another question – if it’ll be more appropriate, I will start another topic, but here it is: can CF7 be edited to allow attaching multiple files, using just one File Upload tag? I know I can use multiple tags to do this, but I’ve seen WP pages with a single File Upload field/button accepting multiple attachments, and would like to know if CF7 can do this too.

    Thank you very much again.

    David

    RE: if it’ll be more appropriate, I will start another topic

    Definitely best to start another topic.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to change style of Submit button’ is closed to new replies.