Left Align Send Button in ContactForm7

Viewing 1 replies (of 1 total)
  • Neil Murray

    (@buzztone)

    11 years, 4 months ago

    This is due to CSS styling applied to standard HTML form elements within your current WordPress theme – in particular the following CSS in http://3f6.e34.myftpupload.com/wp-content/themes/skylab/style.css:​

    .wpcf7-submit {
    -moz-user-select: none;
    background-color: #111;
    border: medium none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: right;  /* THIS IS CAUSING THE PROBLEM */
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0 5% 0 0;
    padding: 5px 14px;
    text-decoration: none;
    text-rendering: optimizelegibility;
    text-transform: uppercase;
    width: auto !important;
}

    ​
    Also can’t understand why you put your CF7 form content within a single Table cell.​

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

Viewing 1 replies (of 1 total)

The topic ‘Left Align Send Button in ContactForm7’ is closed to new replies.