How to adjust form sizes and place all on 1 line

  • Resolved sbrollercoasters

    (@sbrollercoasters)


    2 years, 11 months ago

    Hi there,

    I want to give each form element a seperate size but not normal HTML code isn’t doing anything. Does anyone know how to fix this?

    <p>
    <input type=”text” name=”FNAME” placeholder=”Je voornaam” size=”25″ required>
    <input type=”email” name=”EMAIL” placeholder=”Je e-mailadres” size=”50″ required />
    </p>
    <p>
    <input type=”submit” value=”Aanmelden” size=”20″/>
    </p>

    Next to this, I want to setup a second version where the 3 form items are on 1 line (except on Mobile phones). So without a BR on each line.

    Is that possible too? And can I make 2 different layouts without upgrading to Premium?

    I don’t understand why the total form is based at the center of the page and even te Title above the form is broken into 2 lines… why not a title with? Or just using the width of the WP page setup?

    Thanks!

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor Lap

    (@lapzor)

    2 years, 11 months ago

    If you use the Premium addon this will be a lot easier. With the free version such styling is only possible if you are able to write your own CSS code.

    For making more than 1 form you also need the Premium addon.

    Please see https://www.mc4wp.com/kb/single-line-forms/

    Hope that helps. If you have any questions, please let me know!

    Thread Starter sbrollercoasters

    (@sbrollercoasters)

    2 years, 11 months ago

    Hi,

    Thanks.
    So… if I want to change anything in the form layout… i need to upgrade to pro…
    What code can I use to aplie this in CSS?

    Cheers

    Plugin Contributor Lap

    (@lapzor)

    2 years, 11 months ago

    Writing custom CSS code is out of scope for our free support, especially since that custom code wouldn’t be needed if you use our Premium addon. You can ask a WordPress developer to help with this.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to adjust form sizes and place all on 1 line’ is closed to new replies.