Archived topic
Contact Form - 2 Column
3 replies · Started by Matthias on June 8, 2022
Viewing posts 1–4 of 4
I already have a form in my footer - and now "simply" want to have phone and email in one line / as column.
All examples i tried myself didn't work well with gp and messed up margins etc.
Do you have any tip what best to use for gp?
Hi there,
try this CSS:
.wpcf7-form {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.wpcf7-form * {
width: 100%;
}
.wpcf7-form p:nth-of-type(2),
.wpcf7-form p:nth-of-type(3) {
max-width: calc( 50% - 5px );
}Works. Problem was that the send button also was full size after adding this code.
This can be changed by adding
input.wpcf7-submit { width: 123px/123%; }
thx a lot.
You're welcome
This archived topic is closed to new replies.
