Docs

[ZerotoOne]

Hi.

I would like to display the standard contact form like this (instead of one field in every line ):
http://prntscr.com/clq8hw
Is there an easy way of doing that?

Thank you!

[ZerotoOne]

This reply has been marked as private.

[Christopher]

Hi there,

Please update your code to :

<div class="x-column x-1-2 x-sm">[text* your-name placeholder "Ihr Name"]</div>
<div class="x-column x-1-2 x-sm">[email* your-email placeholder "Ihre E-Mail-Adresse"]</div>
[text* your-subject placeholder "Betreff"]
[textarea* your-message placeholder "Ihre Nachricht"]

[submit "Senden"]

Hope it helps.

[ZerotoOne]

thank you, this is how it looks now http://prntscr.com/clqwx3 please have a look 🙂

[Thai]

Hi There,

Please update the previous code a bit:

<div class="x-column x-1-2 x-sm">[text* your-name placeholder "Ihr Name"]</div>
<div class="x-column x-1-2 x-sm last">[email* your-email placeholder "Ihre E-Mail-Adresse"]</div>
[text* your-subject placeholder "Betreff"]
[textarea* your-message placeholder "Ihre Nachricht"]

[submit "Senden"]

Hope it helps 🙂

[ZerotoOne]

thank you thats pretty accurate, but could you help me to tighten the gap? http://prntscr.com/clr43a 🙂

[Friech]

Hi There,

You can add this under Custom > CSS in the Customizer.

.wpcf7 .x-column.x-1-2 {
	width: 49%;
	margin-right: 2%;
}
.wpcf7 .x-column.last {margin-right: 0;}

Hope it helps, Cheers!

[ZerotoOne]

thank you this worked perfectly 🙂

[ZerotoOne]

but on ipad it isn’t working quite right :/

[Rad]

Hi there,

Please try this,

@media ( min-width: 768px ) {
.wpcf7 .x-column.x-1-2 {
	width: 49%;
	margin-right: 2%;
}
.wpcf7 .x-column.last {margin-right: 0;}
}

Cheers!

[Author]

Posts