[ThomxnjParticipant]

Hi, I have a contact form 7 form setup on one of my pages. Im looking to have the submit button inline with one of the text fields and have it on the same row, the email field in particular. Is there a way to do this with CSS, at the same time keeping it mobile friendly.

Thanks in advance!

[ThomxnjParticipant]

This reply has been marked as private.

[ThaiModerator]

Hi There,

Try adding following CSS under Customize > Custom > CSS:

#wpcf7-f62-p13-o1 form p:nth-child(3) {
    float: left;
    width: 80%;
}
#wpcf7-f62-p13-o1 form p:nth-child(4) {
    float: right;
    width: 20%;
}
#wpcf7-f62-p13-o1 form p:nth-child(4) input {
    margin-top: -3px;
}

Hope it helps.

[Author]

Posts