Skip to content
Facebook page opens in new windowTwitter page opens in new window
CF7 Skins Blog
Great looking Contact Form 7 forms made easy
CF7 Skins Blog
  • Features
    • Visual Editor
    • Templates
    • Styles
    • Screenshots
    • Testimonials
  • Add-ons
    • Pricing
    • Bundles
    • Pro
    • Ready
      • Demo
    • Multi
      • Screenshots
    • Logic
      • Demo
  • Support
    • Email Support
    • Documentation
    • FAQ
    • Tutorials
    • How to Get Better, Quicker Support
    • Legal
    • Contact Us
  • Blog
  • Account
  • Features
    • Visual Editor
    • Templates
    • Styles
    • Screenshots
    • Testimonials
  • Add-ons
    • Pricing
    • Bundles
    • Pro
    • Ready
      • Demo
    • Multi
      • Screenshots
    • Logic
      • Demo
  • Support
    • Email Support
    • Documentation
    • FAQ
    • Tutorials
    • How to Get Better, Quicker Support
    • Legal
    • Contact Us
  • Blog
  • Account

css

You are here:
  1. Home
  2. Entries tagged with "css"

Styling a Specific Contact Form 7 Form

Advanced, Articles, Contact Form 7, Styles, StylingBy Neil MurrayDecember 11, 2017

Each CF7 form has a unique id which can be targeted in your CSS changes. Use Firebug or Chrome Dev Tools to find this unique id in your CF7 form. Then target only this CF7 form using CSS heirachy as follows: You can also add id and class attributes to a CF7 form by adding…

Contact Form 7 Default Form Structure

Articles, Contact Form 7, Styles, StylingBy Neil MurrayDecember 11, 2017

Contact Form 7 Form Structure We used Firebug to produce the following diagram which shows the overall structure of the default CF7 form we are using in this article. The diagram shows how each element of the form is created using standard HTML form elements and how those elements are arranged in relation to each…

Default Form in Firebug

Articles, Contact Form 7, Styles, StylingBy Neil MurrayDecember 11, 2017

Default CF7 form in Firebug-01

Go to Top