Subscription fields in the same line

Hi, we are configuring the subscription form with the name and email fields, but we would like everything to be shown in the same line, is it possible that you tell us how to do it? Thanks!!!!

This is the code:

<p>
<label>Nombre</label>
<input type=”text” name=”FNAME” placeholder=”Tu nombre”required=””>

<label>Email address: </label>
<input type=”email” name=”EMAIL” placeholder=”Dinos tu email” required />
</p>

<p>
<input type=”submit” value=”Enviar” />
</p>

<p>
<label>
<input name=”AGREE_TO_TERMS” type=”checkbox” value=”1″ required=””>He leído y acepto la política de privacidad</label>
</p>

Attachments:

You must be logged in to view attached files.

Hello,

Please provide the site admin access to the private area as well as page URL I will check if it is possible to do with CSS.

We provide minor CSS customization for WoodMart theme.

Best Regards

Hi, here is the access. Where can I go to explain some small changes and get a quote? thanks!

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.mc4wp-form-fields input[type=text]{
margin-bottom:20px;
}

Best Regards

Sorry Elise, it doesn’t work, but I don’t think I’ve made myself clear, my English is terrible. I enclose a simulation of how we would like it. If it is necessary to pay you something you tell me, thanks!

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Desktop:

.mc4wp-form>div>p:first-child {
  max-width: 400px;
}
.mc4wp-form-fields > p:first-child {
  display: inline-flex;
}
.mc4wp-form-fields > p:first-child > input[type="email"] {
  margin-left: 15px;
}
.mc4wp-form-fields > p:first-child > input {
  max-width: 200px;
}

Best Regards

Thanks Elise, now it´s beautiful!!

Best regards,

Christian.

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts