Text field width

  • wordpresspit

    (@wordpresspit)


    10 years, 7 months ago

    Hi!

    I’m using Contact Form 7 with the theme “Fullscreen” created by themify.me.

    There is a problem with the text field width. I have made this code:
    Anzahl / quantity [text anzahl 1/2]</p>
    But the text field has the the same width as before. Has anyone an idea what to modify to get a smaller text field?

    http://wordpress.org/plugins/contact-form-7/

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

    (@buzztone)

    10 years, 7 months ago

    The overall size of the form elements is generally controlled by the CSS in your current WordPress theme rather than the “size” you use in the Form section of the CF7, which refers to the size of the standard HTML input text element which may or may not control overall element size.

    Use Firebug or Chrome Dev Tools to first understand and then change the CSS used for your CF7 form elements.

    hassan.Zia

    (@hassanzia)

    10 years, 3 months ago

    simple use this

    <table border=”1″>
    <tr>
    <td><p>Your Name (required)
    [text* your-name] </p></td>
    <td><p>Your last (required)
    [text* your-name] </p></td>
    <td><p>email (required)
    [text* your-name] </p></td>
    </tr>
    </table>

    Neil Murray

    (@buzztone)

    10 years, 3 months ago

    @hassan.Zia – Nowadays using HTML Tables to control form appearance is widely considered to be an ineffective, outdated and inappropriate solution. Instead use Firebug to find suitable CSS changes.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Text field width’ is closed to new replies.