• http://wordpress.org/plugins/contact-form-7/

    Design the form fields different from the design fields comments threads.

    /wp-content/themes/ambling-bellows/style.min.css
    This is the new code:
    Please add to this topic and update it.

    body{ background:#FAFAFA;  border-top-color:#404040;  border-bottom-color:#00A68E;  color:#4C4C4C}a{ color:#404040;  opacity:0.9}a:hover{ opacity:1}#main a{ color:#B2B2B2;  opacity:1}#main a:hover{ color:#00A68E}code{ color:#808080;  background:#FAFAFA}pre{ background:transparent;  border:1px solid #E5E5E5}.comment-content pre{ background:transparent}table caption{ color:#737373}th{ background:transparent;  border-bottom:1px solid #E5E5E5;  opacity:1}td{ background:transparent;  border-bottom:1px solid #E5E5E5;  opacity:1}.comment-content th, .comment-content td{ background:transparent;  opacity:1}img{ background:rgba(0,0,0,0.2)}.entry >.wp-caption, .entry >img, .entry >a img{ margin-top:-50px}.wp-caption-text{ color:#B2B2B2}#site-title a, #site-title a:hover{ color:#00A68E}#site-description{ color:#4C4C4C}#menu-primary{ border-color:#E5E5E5}#menu-primary li a{ border-top:1px solid #E5E5E5}#menu-primary li a:hover, #menu-primary li.current-menu-item >a{ border-color:#00A68E}#menu-portfolio li a, #menu-portfolio li a:hover, #menu-portfolio li.current-menu-item a, #menu-portfolio li.current-cat a{ background:rgba(0,0,0,0.1);  border-color:rgba(0,0,0,0.1);  color:#00A68E}#menu-portfolio li a:hover, #menu-portfolio li.current-menu-item a, #menu-portfolio li.current-cat a{ background:rgba(0,0,0,0.15)}.entry, .attachment-meta, .loop-meta, #comments-template{ background:#FFF;  border:none;  box-shadow:0px 0px 5px rgba(0,0,0,0.2);  color:#737373}.loop-title{ color:#404040}.sticky::before{ color:rgba(0,0,0,0.1);  opacity:1}#main .entry-header .entry-title, #main .entry-header .entry-title a{ color:#404040}#main .entry-header .entry-title a:hover{ color:#00A68E}.entry-byline{ color:#B2B2B2}.entry-footer{ color:#B2B2B2}.entry-byline .entry-permalink::before, .entry-footer .entry-permalink::before, .comment-meta .comment-permalink::before, .portfolio-item-link::before{ color:#00A68E}a.comments-link::before{ color:#00A68E}.entry-byline .category::before, .entry-footer .category::before, .entry-byline .portfolio::before, .entry-footer .portfolio::before{ color:#00A68E}.entry-byline .post_tag::before, .entry-footer .post_tag::before{ color:#00A68E}.image-sizes::before{ color:#00A68E}.post-edit-link::before, .comment-edit-link::before{ color:#00A68E}.entry-byline .entry-author a::before, .entry-footer .entry-author a::before{ color:#00A68E}.entry-published::before, .comment-published::before{ color:#00A68E}.post-format-link::before, #menu-formats li a::before{ color:#00A68E}#menu-formats li a::before{ background:rgba(0,0,0,0.1);  border-color:rgba(0,0,0,0.1)}.page-template-formats #menu-formats li a:hover::after{ color:#B2B2B2}.image-info ul li{ border-color:#E5E5E5}.format-status .avatar{ box-shadow:0 0 0 10px rgba(0,0,0,0.1)}.format-chat .chat-author{ border-top-color:#E5E5E5}.format-gallery .gallery-count{ color:#b2b2b2}.mejs-controls{ background:#404040}.wp-video-shortcode .mejs-controls{ border-color:#404040}.mejs-button button:focus{ outline-color:#00A68E}.mejs-button button:hover::after, .mejs-volume-button:hover button::after{ color:#00A68E}.mejs-time-rail .mejs-time-loaded{ background:#00A68E}.mejs-overlay-play .mejs-overlay-button:hover::after{ color:#00A68E}.video-info ul li, .audio-info ul li{ color:#E5E5E5;  border-bottom-color:#404040}#main .video-info a:hover, #main .audio-info a:hover{ color:#FAFAFA}.media-shortcode-extend .audio-info, .media-shortcode-extend .video-info{ background:#535353}.media-shortcode-extend .audio-info{ border-top-color:#404040}.media-info-toggle{ background:#404040}#main .media-info-toggle:hover{ color:#FAFAFA}.page-links a{ background:transparent;  border:1px solid #CCC;  box-shadow:2px 2px 0px rgba(0,0,0,0.05)}#main .loop-nav a{ background-color:#4C4C4C;  border:1px solid rgba(0,0,0,0.2);  box-shadow:2px 2px 0px rgba(0,0,0,0.1);  color:#FFF}#main .loop-nav a:hover{ background-color:#00A68E}.comments-nav{ margin:0 0 25px;  text-align:center}#main .comments-nav a{ background:#4C4C4C;  color:#FFF}#comments-number{ color:#404040}.comment-meta{ color:#B2B2B2}#main .comment-author a{ color:#404040}#main .comment-author a:hover{ color:#00A68E}.comment-list .avatar{ background:rgba(0,0,0,0.1);  box-shadow:0 0 0 10px rgba(0,0,0,0.1)}.comment-content{ background-color:transparent;  border:1px solid #E5E5E5}li.ping{ background:transparent;  border-color:#E5E5E5;  opacity:0.5}#main .comment-reply-link{ background:#404040;  color:#FFF}#main .comment-reply-link:hover{ background:#00A68E;  color:#FFF}#reply-title{ color:#404040}#respond .log-in-out::before{ color:#00A68E}
    
    #respond input[type="text"], #respond input[type="email"], #respond input[type="submit"], #respond input[type="url"], #respond textarea,
    input[type="text"], input[type="email"], input[type="submit"], input[type="url"], textarea
    { background:#FAFAFA;  border:1px solid #CCC;  box-shadow:2px 2px 0px rgba(0,0,0,0.05);  color:#808080}
    
    #respond label[for="author"]::before, #respond label[for="email"]::before, #respond label[for="url"]::before, #respond label[for="comment"]::before{ color:#00A68E}
    
    #respond input[type="submit"],
    input[type="submit"]
    { background-color:#4C4C4C !important;  border:1px solid rgba(0,0,0,0.2);  box-shadow:2px 2px 0px rgba(0,0,0,0.1);  color:#FFF;  opacity:1}
    
    #respond input[type="submit"]:focus, #respond input[type="submit"]:hover,
    input[type="submit"]:focus, input[type="submit"]:hover
    { opacity:1;  background-color:#00A68E !important;}
    
    #respond input[type="submit"], input[type="submit"] {
    margin: -25px 10px 25px 0;
    padding: 15px 25px;
    font-size: .9375rem;
    color: #f5f5f5 !important;
    background: #202020;
    text-align: center;
    text-decoration: none;
    background-color: #4C4C4C;
    border: 1px solid rgba(0,0,0,0.2);
    box-shadow: 2px 2px 0px rgba(0,0,0,0.1);
    opacity: 1;
    }
    
    input[type="text"], input[type="email"], input[type="submit"], input[type="url"], textarea {
    background: #FAFAFA;
    border: 1px solid #CCC;
    box-shadow: 2px 2px 0px rgba(0,0,0,0.05);
    color: #808080;
    font-size: 1.125rem;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    }
    
    input[type="text"], input[type="email"], input[type="url"], textarea {
    display: block;
    width: 100%;
    padding: 10px 25px;
    }
Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)

The topic ‘Contact Form7’ is closed to new replies.