Message field size and fields distance

  • cfm168

    (@cfm168)


    7 years, 4 months ago

    Hello,

    How can I adjust the message field shorter? The default setting is too much wide.

    I also want to adjust each field in between more closer. Currently too much gap between the upper field and lower field looks not so good thought.

    Please help. Thanks in advance!

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

    (@buzztone)

    7 years, 4 months ago

    See Styling Contact Form – there is a link to an article I wrote at the bottom of that page (which is recommended by the CF7 plugin author, though I’m not allowed to link directly to it here), that covers this topic in detail.

    Abbreviated Version

    1. You need basic HTML & CSS skills
    2. You need to know how to use Chrome Dev Tools or equivalent
    3. Use Dev Tools to examine the CSS styling applied to your form in detail
    4. Determine what CSS changes you need to make
    5. Add custom CSS via WP Customizer > Custom CSS, custom CSS plugin or child theme.

    If you add a link to your CF7 form, others here may be able to offer more specific CSS advice.

    Thread Starter cfm168

    (@cfm168)

    7 years, 4 months ago

    Hi Neil,

    Thank you for your advise. “Add custom CSS via WP Customizer > Custom CSS, custom CSS plugin or child theme”.

    I will try to modify via child theme that I already have.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Message field size and fields distance’ is closed to new replies.