How center box Contact form 7

  • Resolved Linus888

    (@linus888)


    7 years, 11 months ago

    Hi, Great Theme!

    That’s my ploblem, please help me!

    box align left

    I’d need to set the email-form in the center, but am not able to do it.

    I tried to use this code but it doesn’t work:

    <div style=”text-align: center;>
<p style=”text-align: center;>Inserisci la tua Email</p>
<p style=”text-align: center;>[email* your-email]</p>

[submit “Inviami l’Ebook”]</div>

    Also without “div”.

    I found this link on the forum but it doesn’t work: here
    Thanks in advance. Best reguards.

    My informations:
    # SITE_URL: https://corsoasteimmobiliari.it
    # HOME_URL: https://corsoasteimmobiliari.it
    # IS MULTISITE : No

    # THEME | VERSION : Hueman | v3.3.3
    # WP VERSION : 4.7
    # PERMALINK STRUCTURE : /%postname%/
    # 8 ACTIVE PLUGINS :
    – Akismet (version 3.2)
    – Contact Form 7 (version 4.6)
    – EU Cookie Law (version 2.9.4)
    – Google Analytics (version 2.0.4)
    – Hueman Addons (version 2.0.5)
    – Post Type Switcher (version 3.0.0)
    – Really Simple SSL (version 2.4.3)
    – Yoast SEO (version 4.0.2)

    # PHP Version: 7.0.14
    # MySQL Version: 5.6.28-76.1-log
    # Web Server Info: Apache

    # WordPress Memory Limit: 128MB
    # PHP Memory Limit: 768M
    # PHP Upload Max Size: 128M
    # PHP Post Max Size: 128M
    # PHP Upload Max Filesize:128M
    # PHP Time Limit: 120
    # PHP Max Input Vars: 3000
    # PHP Arg Separator: &
    # PHP Allow URL File Open:Yes
    # WP_DEBUG: Disabled

    # Show On Front: page
    # Page On Front: Asta Immobiliare(#13)
    # Page For Posts: (#0)

    [Moderator note: code fixed. Please wrap code in the backtick character or use the code button.]

    • This topic was modified 7 years, 11 months ago by bdbrown.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter Linus888

    (@linus888)

    I resolved via css!

    .wpcf7 input[type="email"],
.wpcf7 textarea { float : none; margin: 0 auto; }

    Bye!

    • This reply was modified 7 years, 11 months ago by bdbrown.

    This does not work for me. I have these tiny form fields and nothing seems to work to make them look better. https://www.marthalwilliams.com

    I put this code in the custom css. The font is black, the Contact form 7 css is ignored.

    body,p,li {
color:black;}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea
{
    width: 100% !important;

}
    Thread Starter Linus888

    (@linus888)

    Marty, this is my entire code:

    .wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea { float : none; margin: 0 auto; background: #7e9ebf; color: #FFF; font-family:lora, sans-serif; 
font-style:italic; }
.wpcf7 {
    text-align: center;
}

    Choose the backgroung, color text and font as you like.

    Probably, you need to change “label” with “p”. So I did.

    I hope I helped you. Bye

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How center box Contact form 7’ is closed to new replies.