Return to previous page

Contact form 7 layout issues, not on the same row

This topic has 6 replies, 2 voices, and was last updated 12 months ago ago by Rose Tyler

stefan

Participant

November 22, 2023 at 10:27

Hi,

I’m trying to make a specific form (contact form 7) for a test drive. Unfortunatly the specific fields are not in the right place. I want the date field, pull down menu and maybe a third field on the same row. Somehow the first two text fields are correct and responsive (full width). The second row is not perfect, as the pull down is not full width.

But after that I can’t seem to get the fields on the same row. I checked multiple sources on the internet, but it has something to do with specific div classes etc that is for each theme different. Can you help me out to get a nice looking and responsive form?

Also the last text field is to big, not sure how to get it smaller. I pasted the code of contact form 7 in the private area. Also the url of the field (test page).

Please, contact administrator
for this information.

#374393 Copied Theme version: 9.2.4

5 Answers

Rose Tyler

Support staff

November 22, 2023 at 13:44

Hello, Stefan,

Thank you for reaching out to us with your query regarding the Contact Form 7 layout on your website.

Please provide temporary wp-admin access, so we can check your settings and help.
To provide wp-admin access, you can create a new user account with administrator role via the Dashboard, and provide us with the username and password via the Private Content area.

Kind Regards,
8theme team

#374417 Copied

stefan

Participant

November 22, 2023 at 13:50

See private area for temporary login:

Please contact administrator
for this information.

#374418 Copied

Rose Tyler

Support staff

November 22, 2023 at 14:49

Hello, Stefan,

Please check now.
We’ve changed this part https://prnt.sc/DYYDTSAbSYwj and https://prnt.sc/5b6spGsUaEdO

Kind Regards,
8theme team

#374425 Copied

stefan

Participant

November 22, 2023 at 15:35

Thank you very much. But is it also possible to give the date field the same height as the text fields next to it? It looks somewhat strange with a different size.

Also the last text field is still big (too high). Is it possible to make it 2/3 of the current height?

Thank you in advance.

#374434 Copied

Rose Tyler

Support staff

November 22, 2023 at 16:29

Hello, Stefan,

We appreciate your prompt response.

Please check now – https://prnt.sc/rc7aLHeXnhU9 and https://prnt.sc/OcVhkBhkr9EJ

Kind Regards,
8theme team

#374440 Copied
Tagged: contact form 7 issues, contact form row issue, fix contact form 7, layout problems woocommerce, woocommerce wordpress templates, wordpress templates troubleshooting
Viewing 6 results - 1 through 6 (of 6 total)