Viewing 4 replies - 1 through 4 (of 4 total)
  • The actual look of CF7 forms on your website will depend largely on the current WordPress theme used and the CSS styling that theme applies to standard HTML form elements.

    To change the style of your CF7 forms you would need to edit the CSS style sheets used by your WordPress theme.

    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 ziga dezman

    (@ziga-dezman)

    Thanks for information buzztone .

    Here is an example of how to style a send button

    .home input[type="submit"] {
    background: url(image source url here) no-repeat;
    width: 64px;
    height: 43px;
    background-size: 60px 40px !important;
    color: transparent;
    }

    This example shows how to have the button show in that style only on the home page. if you remove the .home it will change the button throughout the whole site.

    Thread Starter ziga dezman

    (@ziga-dezman)

    Thanks WebStyley.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Send button’ is closed to new replies.