WordPress.org

Ready to get started?Download WordPress

Forums

Jetpack by WordPress.com
[resolved] Design the contact form (5 posts)

  1. DomkantoreiFuerstenwalde
    Member
    Posted 1 year ago #

    Is there any opportunity to design the contact form by css instructions? If so, where to do so?
    Thanks in advance,
    Stephan

    http://wordpress.org/extend/plugins/jetpack/

  2. Jeremy Herve
    Happiness Engineer
    Plugin Author

    Posted 1 year ago #

    You can use CSS to customize the look of the contact form: the form uses the .contact-form class, so you can add your own custom CSS code in your theme stylesheet, or in your custom CSS editor, under Appearance > Edit CSS in your dashboard.

  3. DomkantoreiFuerstenwalde
    Member
    Posted 1 year ago #

    Hello Jeremy,

    thanks again for your hint. Now I know how to change the design of the form.

    Regards
    Stephan

  4. anniduese
    Member
    Posted 1 year ago #

    Hello Jeremy,
    is there a way to 'shrink'/'shorten' the name and email field for iphone/android use?? those two fields, using the 'infinity' theme (by theme trust), are always a little too long and hanging out of of my design....
    Thenks in advance,
    Anni

  5. Jeremy Herve
    Happiness Engineer
    Plugin Author

    Posted 1 year ago #

    @anniduese You can use Media Queries to create a special CSS rule that will change the input field width on mobile devices. You can add rules to the input fields like so:

    .contact-form input[type="text"], .contact-form input[type="email"] {
    /* Your CSS rules */
    }

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic