format contatc form

The actual look of CF7 forms on your website will depend largely on the current WordPress theme used and the CSS styling that theme applies to standard HTML form elements.

To change the style of your CF7 forms you would need to edit the CSS style sheets used by your WordPress theme.

See Styling Contact Form for a general explanation of styling CF7 forms using CSS.

There is a link at the bottom of the page to a comprehensive and detailed article on Styling Contact Form 7 Forms. The article shows people, with suitable HTML & CSS skills, how to change the appearance of their Contact Form 7 Forms to meet their particular requirements.

thanks for your reply.
it’s late here already, i will lay my hands on the css file and update you on my progress accordingly.
thanks a lot.

Ah! Thanks a lot @buzztone.
i did edited the css file ad was able to achieve some progress.
thought i took me a while to know the needed css is not listed under the wp plugin edit page. I had to open the file locally.
found it in …(plugin directory)/contact-form-7/includes/style.css

i will like to know more about tweaking this plugin. i need to say i am new to php and my 4weeks of delving into this wonderful program has been quite promising.

i wish to develop free stuffs like this in near future too.

I will be glad if someone can point me in the right direction.

Thanks again.

You should NOT be modifying (plugin directory)/contact-form-7/includes/style.css

All your changes will be lost when you update the plugin.

Instead add changes via Child Theme or use custom CSS plugin????

now, i did the child thing for the themes but i do i do this for the plugin.

thanks.