Contact Form Line Breaks in Labels

  • iamboston

    (@iamboston)


    6 years ago

    Hi there,
    I’ve added a contact form to a landing page and it’s working fine except for on the tablet, for which it fails to line-break the labels and the input fields. To replicate the issue, please adjust the window to <700px.

    [ redundant link removed ]

    Any assistance would be greatly appreciated, thank you

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Neil Murray

    (@buzztone)

    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.
Viewing 1 replies (of 1 total)
  • The topic ‘Contact Form Line Breaks in Labels’ is closed to new replies.