Images – Documentation

Last Updated on January 6, 2021 by Sally Lance

We maintain a record of all the many different images used on our various websites.

This page includes all images from pages on kb.cf7skins.com not already included on:

kb.cf7skins.com excluding FAQ & Tutorials #

Home #

Home – all images

cf7skins-300×250-gray
cf7skins-logic-300×250
cf7skins-multi-300×250
cf7skins-ready-ads-300×250
dragdrop-300×250-gray
logo-cf7skins-bottom-164×40

CF7 Skins Ready – box #

CF7 Skins Ready – box – all images

1.-CF7-Skins-Ready-Box-Dropdown-1
1.-CF7-Skins-Ready-Singleline-Beginner-Template
2.-CF7-Skins-Ready-Box-Checkbox
2.-CF7-Skins-Ready-Singleline-Beginner-Template-Removed
3.-CF7-Skins-Ready-Box-Add-Text-Field-1
4.-CF7-Skins-Ready-Box-Add-Chekcbox-1
5.-CF7-Skins-Ready-Box-Legend-768×379
5.-CF7-Skins-Ready-Singleline-Edit-form-field-1-768×349
6.-CF7-Skins-Ready-Box-Final-Form-Code
6.-CF7-Skins-Ready-Box-Final-Form-Image
6.-CF7-Skins-Ready-Singleline-Second-Element-Added-1

CF7 Skins Ready – column #

CF7 Skins Ready – column – all images

0-CF7-Skins-Ready-Column-Column-Class-B
1.-CF7-Skins-Ready-Singleline-Beginner-Template
2.-CF7-Skins-Ready-Singleline-Beginner-Template-Removed
3.-CF7-Skins-Ready-Column-Add-Ready-class-dropdown
5.-CF7-Skins-Ready-Column-Add-second-OL
6.-CF7-Skins-Ready-Column-Add-first-text-element
7.-CF7-Skins-Ready-Column-Edit-element-768×321
8.-CF7-Skins-Ready-Column-Add-more-elements
9.-CF7-Skins-Ready-Column-Duplicate-LI
11.-CF7-Skins-Ready-Column-Edit-Legend-768×308
12.-CF7-Skins-Ready-Column-Final-Form
12.-CF7-Skins-Ready-Column-Final-Form-Without-Legend
13.-CF7-Skins-Ready-Column-Final-Form-Code
CF7-Skins-Ready-Column-Checkbox

CF7 Skins Ready – grid #

CF7 Skins Ready – grid – all images

1.-CF7-Skins-Ready-Grid-Beginner-template
2.-CF7-Skins-Ready-Grid-After-removing-elements
3.-CF7-Skins-Ready-Grid-Dropdown-grid-class
4.-CF7-Skins-Ready-Grid-Checkbox-grid-class
5.-CF7-Skins-Ready-Grid-Added-ol-under-it
6.-CF7-Skins-Ready-Grid-Grid-row-added
7.-CF7-Skins-Ready-Grid-Grid-field-added
8.-CF7-Skins-Ready-Grid-Grid-span-add
9.-CF7-Skins-Ready-Grid-Grid-span-added
10.-CF7-Skins-Ready-Grid-Duplicate-tool
11.-CF7-Skins-Ready-Grid-Duplicate-complex-row
13.-CF7-Skins-Ready-Grid-Second-Row-Complete
14.-CF7-Skins-Ready-Grid-First-Half
15.-CF7-Skins-Ready-Grid-Add-span-for-complex-rows
16.-CF7-Skins-Ready-Grid-Complex-Row-Ready
17.-CF7-Skins-Ready-Grid-Full-form
18.-CF7-Skins-Ready-Grid-Complex-Rows
23.-CF7-Skins-Ready-Grid-Final-Form-Code
24.-CF7-Skins-Ready-Grid-Show-All
25.-CF7-Skins-Ready-Grid-Row
26.-CF7-Skins-Ready-Grid-Field
27.-CF7-Skins-Ready-Grid-Grid
28.-CF7-Skins-Ready-Grid-Duplicated-for-second-row
29.-CF7-Skins-Ready-Grid-Duplicated

CF7 Skins Ready – horizontal #

CF7 Skins Ready – horizontal – All images

1.-CF7-Skins-Ready-Horizontal-First-LI-added
1.-CF7-Skins-Ready-Singleline-Beginner-Template (1)
2.-CF7-Skins-Ready-Horizontal-Dropdown-1-768×427
2.-CF7-Skins-Ready-Singleline-Beginner-Template-Removed
3.-CF7-Skins-Ready-Horizontal-Checkbox
4.-CF7-Skins-Ready-Horizontal-Add-Checkboz
5.-CF7-Skins-Ready-Horizontal-Edit-checkbox-768×435
6.-CF7-Skins-Ready-Horizontal-With-Radio
7.-CF7-Skins-Ready-Horizontal-Legend
8.-CF7-Skins-Ready-Horizontal-Full-Form-Image
9.-CF7-Skins-Ready-Horizontal-Full-Form-Code

CF7 Skins Ready – singleline #

CF7 Skins Ready – singleline – all images

1.-CF7-Skins-Ready-Singleline-Beginner-Template
2.-CF7-Skins-Ready-Singleline-Beginner-Template-Removed
3.-CF7-Skins-Ready-Singleline-Add-Ready-class-dropdown
4.-CF7-Skins-Ready-Singleline-First-element-added-to-the-form-1
5.-CF7-Skins-Ready-Singleline-Edit-form-field-1-768×349
6.-CF7-Skins-Ready-Singleline-Second-Element-Added-1
7.-CF7-Skins-Ready-Singleline-Legend-1-768×367
8.-CF7-Skins-Ready-Singleline-Final-Form-1
9.-CF7-Skins-Ready-Singleline-Final-Code-1
cf7skins-form-simple-ready
CF7-Skins-Ready-Singleline-Choose-Ready-Checkbox

CF7 Skins Ready (with CF7 Form Editor) #

CF7 Skins Ready (with CF7 Form Editor) – all images

cf7skins-form-simple-ready
cf7skins-ready-classes2
Default_Style
form-section-cf7-500

CF7 Skins Ready (with Visual Editor) #

CF7 Skins Ready (with Visual Editor) – All images

cf7skins-form-ready
cf7skins-form-simple-ready
cf7skins-ready-classes2
Default_Style
select-multi-class-dialog-box-column
select-multi-class-dropdown-singleline-column

CF7 Skins Logic – Conditional Logic #

CF7 Skins Logic – Conditional Logic – all images

CF7_Skins_Logic_Easy_to_use_600
CF7_Skins_Logic_Step_1
CF7_Skins_Logic_Step_2
CF7_Skins_Logic_Step_3
CF7_Skins_Logic_Step_4
Logic_-Demo_Show_Hide_Form_Fields-_02
Logic_-DemoCompare_Field_Values_to_Set_Criteria-_02
Multiple-fields-with-multiple-logic-statements

Overview of the CF7 Skins User Interface #

Overview of the CF7 Skins User Interface – All images

cf7skins-form-editor-save-visual
cf7-skins-form-field-addnew
cf7skins-styles-top-row-view
cf7skins-templates-top-row-view
cf7skins-ui-gettingStartedAddOns
cf7skins-ui-mainSections
cf7skins-ui-skins
cf7skins-visual-form-template-contact
wordpress-contact-addnew

Add CF7 Skins Add-on Licenses #

cf7skins-settings-licenses

Staying Updated #

Staying Updated – All images

updating-plugins
wp-update-available

CF7 Skins Settings #

CF7 Skins Settings – All images

cf7skins-advanced-settings
cf7skins-general-settings
cf7-skins-settings
cf7skins-settings-licenses

Contact Form 7 Form in Columns #

Contact Form 7 Form in Columns – All images

5.-Contact-Form-7-Fields-in-Column-Thumbnail-Form
6.-Contact-Form-7-Fields-in-Column-Final-Visual-Form
6.-Contact-Form-7-Fields-in-Column-Template
7.-Contact-Form-7-Fields-in-Column-Preview
8.-Contact-Form-7-Fields-in-Column-Edit-OL
select-multi-class-dialog-box-column-1
select-multi-class-dropdown-singleline-column-1-768×607

Contact Form 7 Fields Side by Side #

Contact Form 7 Fields Side by Side – All images

4.-Contact-Form-7-Fields-Side-by-Side-Add-Singline-Ready-Class
5.-Contact-Form-7-Fields-Side-by-Side-Arrange-form-elements
6.-Contact-Form-7-Fields-Side-by-Side-Registration-Template-768×471
7.-Contact-Form-7-Fields-Side-by-Side-Edit-OL
CF7-Skins-Ready-Singleline-Choose-Ready-Checkbox-1
cf7skins-sidebyside-example
column-screen-all-496×1024

Understanding Styles #

Understanding Styles – All images

cf7skins-form-example
cf7skins-styles

Understanding Templates #

cf7skins-form-editor-save-visual
cf7skins-templates-top-row-view
cf7skins-template-tab-open
cf7skins-visual-contactform

Understanding fieldset, legend, and list field items #

Understanding fieldset, legend, and list field items – All images

cf7skins-form-fieldset-legend-list-contact-form-7-explanation
cf7skins-form-start
cf7skins-form-wordpress-item-explanation
cf7skins-wordpress-form-fieldset-legend-list
cf7skins-wordpress-ready-complex

Why we use Fieldset, Legend & Lists in CF7 Skins #

Why we use Fieldset, Legend & Lists in CF7 Skins- All images

cf7skins-cf7-contact-form-comparison
cf7-wp-contactform-new

CF7 Skins Visual: Tour the visual form editor #

CF7 Skins Visual: Tour the visual form editor – All images

c7skins-visual-form-field-tag-actions-basic
cf7skins-form-contact-template-as-visual
cf7skins-form-dragDrop-reorder-field
cf7-skins-form-field-addnew
cf7skins-form-fields-active-wide
cf7skins-form-fieldtag-text-edit
cf7skins-form-ui-narrow-768×575

Getting Started – Using CF7 Skins #

Getting Started – Using CF7 Skins – All Images

c7skins-visual-form-field-tag-actions-basic
cf7skins-contact-form-7-shortcode
cf7skins-form-saveVisual
cf7skins-style-berrydelight-selected
cf7skins-template-contact-selected
cf7skins-ui-skins
cf7skins-wordpress-contact-form
cf7skins-wordpress-contact-form-7-contact
wordpress-example-post-shortcode-725

Installing CF7 Skins #

Installing CF7 Skins – All images

cf7skins-installation-addons-account-page
cf7skins-installation-addons-choose-file
cf7skins-installation-addons-download-zip
cf7skins-installation-addons-install-now
cf7skins-installation-addons-upload (1)
cf7skins-installation-addons-upload
cf7skins-installation-cf7skins-homepage
cf7skins-installation-from-search-activate
cf7skins-installation-from-search-install-now
cf7skins-installation-search-bar
cf7skins-installation-upload-plugin-install-now
cf7skins-installation-wordpress-directory

CF7 Skins Styles not applied in my form #

CF7 Skins Styles not applied in my form – All images

select-cf7skins-default-style
select-cf7skins-style

Edit your CF7 Skins Form (Contact Form 7 Editor) #

Edit your CF7 Skins Form (Contact Form 7 Editor) – All images

cf7-cf7skin-contact-edit-label
cf7-cf7skins-contact-copypaste
cf7-cf7skins-contact-new-tag
cf7-cf7skins-contact-remove-field
cf7-cf7skins-contact-tag-insert
cf7-form-editor-template-contact
cf7skins-template-contact-selected
cf7-wp-contactform-new (1)

CF7 Skins Styles not applied in my form #

CF7 Skins Styles not applied in my form – All Images

select-cf7skins-default-style
select-cf7skins-style

Change Type of CF7 Tag: a Quick Guide #

Change Type of CF7 Tag: a Quick Guide – All images

cf7skins-blog-change-type-cf7tags-from-edit-window
cf7skins-change-cf7tagtype-edit-icon
cf7skins-kb-before-v2-1-768×287
cf7skins-kb-change-type-of-cf7-tags-before-v2-1-1
cf7skins-select-cf7tagtype-dropdown