CF7 form customization

Hello,

I am building a site based on the Non-Profit demo. I need to totally change up the styling for the contact form as my client has requested a super long application form. I would like to place the title tag to the left and have the response to the right, not below, so each question/response only takes up one line. How can I make this happen?

Thanks in advance,
Dawn

Hi Dawn,

Thank you for writing in, please following the solution provided here.

And don’t put <br /> between the label and input shortcode.

Regretfully, Contact Form 7 is a 3rd party plugin and we can not provide support for customizing it.

Thank you for understanding.

Thanks. I’ll give it a try. Since this is picking up on theme settings, thought I would check with you first to see if you had CSS customizations set somewhere that I hadn’t found yet. Totally recognize that it is 3rd party, but their documentation is confusing to me!

Thank you for understanding, custom CSS would also help.

You can find the proper CSS code selector using the Chrome browser Developer Toolbar
For the CSS code itself, I suggest that you get started with this tutorial

Cheers!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.