Add a gap between data entry fields

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Danny van Kooten

    (@dvankooten)

    12 years ago

    Hi Jonathan,

    Do you want to have two fields next to each other on two different lines? I’d suggest a different form mark-up for that.

    Something like this should help you be on your way.

    Mark-up (HTML example

    <div class="form-col-1">
... fields in column 1
</div>
<div class="form-col-2">
... fields in column 2
</div>
<input type="submit" .... />

    CSS (example)

    .mc4wp-form .form-col-1,
.mc4wp-form .form-col-2 {
	float: left;
	width: 50%;
	margin: 0; padding: 0;
}

.mc4wp-form p {
	clear:both;
}

    Hope that helps a little, good luck!

    Thread Starter Jonathan Bird

    (@jonathan-bird)

    12 years ago

    Hi there

    So I’ve added it to a site – and played with it. I honestly can’t figure out where I’m going wrong

    http://nawmal.com/new_naw/

    I REALLY appreciate your help

    Thanks

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

The topic ‘Add a gap between data entry fields’ is closed to new replies.

Tags