• Resolved jweitz

    (@jweitz)


    I need to have all the fields on one line
    First Name: John and not First Name:
    John

    Is this possible?

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Hi @jweitz,

    This is not possible out of the box and would require some CSS coding to get it look that way.
    You won’t be able to do it with the Material look that you have selected now, due to the animations, so it would be best to use Flat design.

    Edit your form and in Appearance tab first switch to Flat, then scroll down, enable Custom CSS field and add this CSS code:

    .forminator-field > label {
    	float: left;
        width: 17%;
        padding-top: 12px;
    }
    
    .forminator-field > input {
    	display: inline-block;
        width: 83%;
        background: none;
        border-bottom: 1px solid #000!important;
    }

    That should help getting started with setting up such layout.

    Cheers,
    Predrag

    Plugin Support Imran – WPMU DEV Support

    (@wpmudev-support9)

    Hello @jweitz,

    I hope you’re doing well!

    We’ve not heard from you in a while. I’ve marked this ticket as resolved for now, but if you need anything else at all, we’re here for you, please just reopen the ticket or create a new one.

    Have a good day!

    Cheers,
    Nastia

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘making all fields one line’ is closed to new replies.