Okay
  Public Ticket #2137988
Contact Form 7 Button Alignment
Closed

Comments

  •  2
    Prasenjit started the conversation

    Hi there,

    We have added a three column contact form but the border on the right is not coming. Also the submit button is not aligning with the fields. Kindly check the code we added.

    <div class="three_columns clearfix">
    <div class="column1">
    <div class="column_inner">
    [text* first-name placeholder "First Name*"]
    </div>
    </div>
    <div class="column2">
    <div class="column_inner">
    [text* last-name placeholder "Last Name*"]
    </div>
    </div>
    <div class="column3">
    <div class="column_inner">
    [email* email 40/100 placeholder "Email*"]
    </div>
    </div>
    </div>
    <p>[textarea* message placeholder "Message*"]</p>
    <p>[submit "SEND"]</p>

    Kindly check screenshot.

    http://tinyurl.com/y3juw4gt

    Thanks,
    Prasenjit.

  •  1,479
    Qode replied

    Hello Prasenjit,

    Please go to Qode Options>General>Custom css, find this snippet of code:

    @media only screen and (min-width:481px) {
    .cf7_custom_style_2 input.wpcf7-form-control.wpcf7-text{
    border-right: none;
    }
    }

    And remove it

    Best regards,

    Daniel


    Explore our collection of 300+ premium WordPress themes on the Qode Interactive website.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  •  2
    Prasenjit replied

    Hi there,

    The code is not working. We actually need the right border visible on the text fileds. Also what to do about the button alignment?

    Thanks,

    Prasenjit. 

  •  1,479
    Qode replied

    Hello,

    1. You have to remove this code which already exist in your custom css field

    @media only screen and (min-width:481px) {
    .cf7_custom_style_2 input.wpcf7-form-control.wpcf7-text{
    border-right: none;
    }
    }
    

    https://monosnap.com/file/Ts7BlsHjZlRj1g1C3hryncakyDZTDB

    2. To align button add the following snippet:

    input.wpcf7-form-control.wpcf7-submit {
        position: relative !important;
        top: 4px !important;
    }
    

    Best regards,

    Daniel


    Explore our collection of 300+ premium WordPress themes on the Qode Interactive website.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  •   Prasenjit replied privately
  •  1,479
    Qode replied

    Hello,

    I found error 406  when I tried to remove this line of code:

    https://monosnap.com/file/mucPxMofcU96BQmbtkMPdluOschSda

    This is probably server side issue. Please contact your hosting provider service. Or try to follow instructions:

    https://airbrake.io/blog/http-errors/406-not-acceptable

    Best regards,

    Daniel


    Explore our collection of 300+ premium WordPress themes on the Qode Interactive website.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  •   Prasenjit replied privately
  •  1,479
    Qode replied

    Hello,

    Thanks for the update. I'm glad you managed to resolve this issue.

    Best regards.

    Daniel


    Explore our collection of 300+ premium WordPress themes on the Qode Interactive website.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.