• I am having troubles with a contact form 7 text area fields, they are one over the another instead one per like, and it looks very awful.

    You can see what I mean in https://gecompdominicana.com/gecompwp/formulario-de-cotizacion-web/

    I tried to modify the CSS class of wpcf7 text-areas adding the class Display: block; but nothing happened.

    My entire class for this I think is:

    /* Form defaults */
    input, select, textarea {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 1em;
      vertical-align: middle;
      font-weight: normal;
      border: 1px solid #dbdbdb;
      outline: none;
      display: block;
    }
    input[type="text"], textarea {
      background: url(images/newsletter-bg.png);
      display: block;
      border: none;
      padding: 8px 10px;
      border-top: 1px solid #b9bbaf;
      border-left: 1px solid #b9bbaf;
      border-radius: 6px;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
    }

    Can you see what can I add? or any other way of solving this?

    Thanks in advance

    https://www.ads-software.com/extend/plugins/contact-form-7/

Viewing 1 replies (of 1 total)
  • Thread Starter CarolinaRondon

    (@carolinarondon)

    The correct Css I found out that is `.wpcf7-form textarea {
    float: left;
    display: block;
    width: 280px;
    max-width: 280px;
    min-width: 280px;
    height: 205px;
    min-height: 205px;
    overflow: auto;
    margin-bottom: 17px;
    }`

    I added

    display: block;

    and anyways, I see text boxes one next to another

Viewing 1 replies (of 1 total)
  • The topic ‘[Plugin: Contact Form 7] Text area boxes don't look right on page’ is closed to new replies.