Title: HTML code for Contact Form 7
Last modified: August 21, 2016
---
# HTML code for Contact Form 7
* [Abaris](https://wordpress.org/support/users/abaris/)
* (@abaris)
* [13 years ago](https://wordpress.org/support/topic/html-code-for-contact-form-7/)
* I need to find out how to get to the HTML code for Contact Form 7 in order to
integrate this form into one of the Opt-in skin plugins for WP ( interested in
Hybrid connect or Magic action box)
I only need single opt-in and CF7 is very
good, but hard to style. Any help please! Thank you.
* [http://wordpress.org/extend/plugins/contact-form-7/](http://wordpress.org/extend/plugins/contact-form-7/)
Viewing 2 replies - 1 through 2 (of 2 total)
* [Neil Murray](https://wordpress.org/support/users/buzztone/)
* (@buzztone)
* [13 years ago](https://wordpress.org/support/topic/html-code-for-contact-form-7/#post-3843713)
* 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](http://contactform7.com/styling-contact-form/) for
a general explanation of styling CF7 forms using CSS. If you are not familiar
with CSS, this page also includes some links to where you can learn CSS.
* The most common and preferred method is to create a Child Theme and make any
necessary additions to the CSS in the child themes style.css only, rather than
directly in the themes styles.css. That way you don’t loose your changes when
you update the theme.
* It’s also a good idea to use [Firebug](https://getfirebug.com/) or [Chrome Dev Tools](https://developers.google.com/chrome-developer-tools/)
to find and target individual CSS classes & ids within your CF7 forms, so that
your CSS changes don’t inadvertantly effect other elements on your website.
* If you are uncomfortable editing CSS style sheets you may prefer to use a custom
CSS plugin like My Custom CSS.
* Thread Starter [Abaris](https://wordpress.org/support/users/abaris/)
* (@abaris)
* [12 years, 12 months ago](https://wordpress.org/support/topic/html-code-for-contact-form-7/#post-3843735)
* Thank you buzztone.
Your advice is very useful for styling CF7 (which I will
try). The main reason I am looking for the full HTML form is to be able to use
Hydrid connect (an excellent plugin) or Magic Action Box WITH CF7.
Viewing 2 replies - 1 through 2 (of 2 total)
The topic ‘HTML code for Contact Form 7’ is closed to new replies.
* 
* [Contact Form 7](https://wordpress.org/plugins/contact-form-7/)
* [Frequently Asked Questions](https://wordpress.org/plugins/contact-form-7/#faq)
* [Support Threads](https://wordpress.org/support/plugin/contact-form-7/)
* [Active Topics](https://wordpress.org/support/plugin/contact-form-7/active/)
* [Unresolved Topics](https://wordpress.org/support/plugin/contact-form-7/unresolved/)
* [Reviews](https://wordpress.org/support/plugin/contact-form-7/reviews/)
* 2 replies
* 2 participants
* Last reply from: [Abaris](https://wordpress.org/support/users/abaris/)
* Last activity: [12 years, 12 months ago](https://wordpress.org/support/topic/html-code-for-contact-form-7/#post-3843735)
* Status: not resolved