Problem with contact form7

  • linndahl

    (@linndahl)


    6 years ago

    Hello.

    I have a problem with the contact form.
    If you can look at my sites front page, scroll down almost to the bottom and then the form will appear.

    The problem is that the “send” bottom is in the message box so you have to pull it up in order to press send. Not the best way if a costumer wants to contact me quickly haha ?? Hope there is a helping hand out there.

    Many Thanks,
    Sebasitan

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Neil Murray

    (@buzztone)

    This is likely due to styling included in your current WP theme or one of the plugins you are using.

    See Styling Contact Form – there is a link to an article I wrote at the bottom of that page (which is recommended by the CF7 plugin author, though I’m not allowed to link directly to it here), that covers this topic in detail.

    Abbreviated Version

    1. You need basic HTML & CSS skills
    2. You need to know how to use Chrome Dev Tools or equivalent
    3. Use Dev Tools to examine the CSS styling applied to your form in detail
    4. Determine what CSS changes you need to make
    5. Add custom CSS via WP Customizer > Custom CSS, custom CSS plugin or child theme.

    From a very quick look the following appears to be the problem CSS code:

    
https://linndahl.dk/wp-content/themes/vitrine/assets/css/theme-styles.min.css

.ep_button, form input[type=submit] {
    font-family: lato,sans-serif;
    cursor: pointer;
    margin: 0;
    padding: 0 26px;
    min-height: 32px;
    line-height: 32px;
    font-size: 14px;
    font-weight: 500;
    color: #a1a1a1;
    -moz-transition: color .7s ease;
    -o-transition: color .7s ease;
    -webkit-transition: color .7s ease;
    transition: color .7s ease;
    text-decoration: none;
}
    Thread Starter linndahl

    (@linndahl)

    Hi Neil.

    I know its a very very late reply, I have been taking some time of, but now its time to launch the website, so I would really like to get the contact form working. I have some CSS skills but I really don’t know which part I should change? Is it something here:.ep_button, form input[type=submit] {

    Thanks a lot for taking the time to help
    all the best

    Sebastian

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Problem with contact form7’ is closed to new replies.