Design the contact form

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Jeremy Herve

    (@jeherve)

    Jetpack Mechanic 🚀

    11 years, 1 month 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.

    Thread Starter DomkantoreiFuerstenwalde

    (@domkantoreifuerstenwalde)

    11 years, 1 month ago

    Hello Jeremy,

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

    Regards
    Stephan

    anniduese

    (@anniduese)

    11 years, 1 month 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

    Plugin Author Jeremy Herve

    (@jeherve)

    Jetpack Mechanic 🚀

    11 years, 1 month 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 */
}
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Design the contact form’ is closed to new replies.