• I have Mailchimp form in the revolution slider and I would like all the fields to show up on one line, one after the other.
    At the moment the fields are displaying on top of each other.
    I have tried a few things at no avail and now I feel stuck.

    The first slide is the one I am working on and contains the form.

    http://wordpress.org/plugins/mailchimp-for-wp/

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

    (@dvankooten)

    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

    Thread Starter ManoG

    (@manog)

    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.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Formating field layout in revolution slider’ is closed to new replies.