Formating field layout in revolution slider

Hi there,

This is a little advanced and highly dependent on the theme you’re using (or the styles being applied by the slider) but let’s give it a shot.

It’s a little hard for me to test since there’s no way for me to pause the slider right now but something like this should get us started..

(I removed the FNAME and LNAME fields and combined them into a single NAME field, the plugin will automatically split them up. Less fields is usually better (higher conversion) plus it makes this a little easier.

Form mark-up

<p>
<input type="text" name="NAME" placeholder="Name" />
<input type="email" name="EMAIL"  />
<input type="submit" value="Yes please!" />
</p>

CSS, add to your theme its style.css file

.mc4wp-form{ width: 100%; }
.mc4wp-form input{ width: 30%; display:inline-block; }

It could be that your theme applies some strange styles which we’ll need to address, but let’s start with this.

Danny

Thank you Danny for your support.
You can pause the slider by placing your cursor over it.
I have added all codes now.
I like the placeholder only option if it works, at the moment it is askew -not showing in the centre of the field.