Title: Version 4.1.2 css file & submit button
Last modified: August 24, 2016

---

# Version 4.1.2 css file & submit button

 *  [almaz78](https://wordpress.org/support/users/almaz78/)
 * (@almaz78)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/version-412-css-file-submit-button/)
 * Hi guys, really hope you can help me
    I’m literally going crazy trying to customize
   this plugin First of all I’m using last CF7 version 4.1.2 with wordpress 4.1.1
   and the Socha template by alethemes. First question: In this version I can’t 
   see a styles.css file but i have to enter inside ” contact-form-7/admin/admin.
   php” and then i see “contact-form-7/admin/styles/styles.css” but it doesn’t seem
   to be the right one as you can see below. I have been able to customize some 
   options via the custom css field in my template and this is the result: [ elsendero.it/web](http://www.elsendero.it/web/contatti-cf7/)
   but i have tried all the possible customizations i found on the web to change
   the submit button but noone works…no way. I have to sat that the plugin didn’t
   work well with the style also with his default installation showing me all the
   textareas white instead of grey and now is not showing the suggestions in the
   textareas… Can someone help me please? Thank you very much in advance Alex
 * PS This is the entire file
    Where can i find here all the characteristics of 
   the submit button?
 * —————————————————-
    #icon-wpcf7 { background: transparent url(../images/screen-
   icon.png) no-repeat 2px 1px; }
 * div.wrap div.cf7com-links {
    text-align: right; font-size: .9em; margin: -20px
   1em 1em 0; }
 * div.wrap div.cf7com-links a {
    text-decoration: none; font-weight: bold; }
 * #titlediv {
    margin-bottom: 20px; position: relative; border: 1px solid #c7c7c7;
   padding: 6px; background-color: #fff; }
 * div.save-contact-form {
    padding: 1.4em 0 0 0; text-align: right; }
 * div.actions-link {
    position: absolute; top: 0; right: 0; margin: 0; padding:
   6px; }
 * div.actions-link input {
    padding: 0; margin: 0; border: none; font-size: 11px;
   cursor: pointer; background: inherit; }
 * div.actions-link input.copy {
    color: #006505; }
 * div.actions-link input.delete {
    color: #bc0b0b; }
 * input#wpcf7-title {
    color: #5f5f5f; border: none; font-weight: bold; font-size:
   1.5em; cursor: pointer; background-color: transparent; box-shadow: none; width:
   80%; }
 * input#wpcf7-title.focus {
    color: #3f3f3f; border: 1px solid #aaa; cursor: text;
   background-color: transparent; box-shadow: inset 0 1px 2px rgba(0,0,0,0.07); }
 * input#wpcf7-title.mouseover {
    background-color: #ffffdd; }
 * p.tagcode {
    color: #333; margin: 2ex 0 1ex 0; }
 * input#contact-form-anchor-text, input#contact-form-anchor-text-old {
    width: 
   100%; }
 * .postbox .half, .postbox .half-left, .postbox .half-right {
    float: left; width:
   50%; }
 * .postbox .half-right > * {
    margin-left: 10px; }
 * [@media](https://wordpress.org/support/users/media/) only screen and (max-width:
   768px) {
    .postbox .half, .postbox .half-left, .postbox .half-right { width: 
   100%; }
 *  .postbox .half-right {
    margin-top: 1em; }
 *  .postbox .half-right > * {
    margin-left: inherit; } }
 * .postbox .mail-field, .postbox .message-field {
    margin-top: 6px; margin-bottom:
   8px; }
 * .postbox .mail-field label, .postbox .message-field label {
    line-height: 1.4em;}
 * div.pseudo-hr {
    border-bottom: 1px solid transparent; margin: 8px 0; }
 * input, textarea {
    border: 1px solid #dfdfdf; }
 * input.wide {
    width: 100%; }
 * textarea {
    width: 100%; }
 * label.disabled {
    color: #777; }
 * #messagesdiv .hide-initially {
    display: none; }
 * div.tag-generator {
    position: relative; background: transparent; padding: 0 
   0 5px 1px; }
 * div.tg-pane {
    border: 1px solid #e1e1e1; background: #f7f7f7; margin: 1ex 0 
   0 0; padding: 10px; line-height: 140%; }
 * div.tg-pane table {
    width: 100%; margin: 0 0 0.7em 0; }
 * div.tg-pane table caption {
    text-align: left; padding: 0 0 0.2em 0; font-weight:
   bolder; color: #777; }
 * div.tg-pane table code {
    background-color: inherit; }
 * div.tg-pane table td {
    vertical-align: top; width: 50%; border: none; padding:
   2px 0; }
 * div.tg-pane input.tag, div.tg-pane input.mail-tag {
    width: 100%; font-size: 
   90%; }
 * div.tg-pane input.mail-tag {
    width: 65%; }
 * div.tg-mail-tag {
    margin-top: 2.4em; text-align: right; }
 * div.tg-pane input.tg-name {
    border-color: #555; }
 * div.tg-pane input.oneline {
    width: 94%; font-size: smaller; -moz-box-sizing:
   border-box; }
 * div.tg-pane textarea {
    width: 94%; height: 100px; font-size: smaller; }
 * div.tg-pane div.tg-tag {
    margin: .4em 0; }
 * div.tg-dropdown {
    position: absolute; top: 26px; left: 0; z-index: 10; border:
   1px solid #ddd; }
 * span.tg-closebutton {
    color: #777; font: bold 18px monospace; padding: 1px 4px;
   cursor: pointer; }
 * div.tg-panetitle {
    font-weight: bold; font-size: 1.5em; margin: 0 0 .5em; color:#
   5f5f5f; }
 * .fixed .column-title {
    width: 32%; }
 * input.shortcode-in-list-table {
    width: 100%; font-size: 90%; }
 * input[readonly].code {
    background: #f3f3f3; color: #3f3f3f; }
 * /* welcome panel */
    .welcome-panel p.message { line-height: 1.4em; margin-right:
   25px; }
 * .welcome-panel li {
    margin-bottom: 12px; }
 * .welcome-panel-close {
    z-index: 2; }
 * ——————————————

Viewing 1 replies (of 1 total)

 *  [Neil Murray](https://wordpress.org/support/users/buzztone/)
 * (@buzztone)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/version-412-css-file-submit-button/#post-6054504)
 * See [Styling Contact Form](http://contactform7.com/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.
 * You could also consider using [Contact Form 7 Skins](https://wordpress.org/plugins/contact-form-7-skins/)
   to style your Contact Form 7 Forms.

Viewing 1 replies (of 1 total)

The topic ‘Version 4.1.2 css file & submit button’ is closed to new replies.

 * ![](https://ps.w.org/contact-form-7/assets/icon.svg?rev=2339255)
 * [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/)

 * 1 reply
 * 2 participants
 * Last reply from: [Neil Murray](https://wordpress.org/support/users/buzztone/)
 * Last activity: [11 years, 1 month ago](https://wordpress.org/support/topic/version-412-css-file-submit-button/#post-6054504)
 * Status: not resolved