• Resolved breeze76

    (@breeze76)


    Here is my CSS style coding below:

    /*---- CONTACT FORM 7 CSS BEGIN ----*/
    .wpcf7 {
    	margin-bottom: 0px;
    }
    
    .wpcf7 p {
    /*	margin-bottom: 10px;*/
    }
    
    .wpcf7 span.wpcf7-list-item {
    	margin-left: 0;
    	margin-right: 5px;
    }
    
    .wpcf7 input[type="text"], .wpcf7 input[type="password"], .wpcf7 textarea {
    	width: 100%;
    }
    
    .wpcf7 input[type="submit"] {
        background: none repeat scroll 0 0 #111111;
        border: 0 none;
        border-radius: 5px 5px 5px 5px;
        color: #D4D4D4;
        cursor: pointer;
        font-size: 11px;
        margin: 0 5px 0 0;
        padding: 5px 10px;
        text-align: center;
        text-transform: uppercase;
    }
    
    .wpcf7 input[type="text"], .wpcf7 input[type="password"], .wpcf7 input[type="file"], .wpcf7 input[type="email"]{
    	max-width: 200px;
    }
    
    .wpcf7 input[type="captchar"]{
    	max-width: 100px;
    }
    
    .wpcf7 input, .wpcf7 textarea, .wpcf7 file, .wpcf7 email {
    	margin-bottom: 10px;
    	border:1px solid #5b5b5b;
        height: 19px;
        padding:2px 5px;
        border-radius:5px;
        font-size:12px;
    }
    
    .wpcf7 select {
    	margin-bottom: 10px;
    	border:1px solid #5b5b5b;
        height: 24px;
        padding:2px 5px;
        border-radius:5px;
        font-size:14px;
    }
    /*---- CONTACT FORM 7 CSS END ----*/

    I am trying to style the captcha box and the file attachment box as well.. The captcha is is being styled like all the other fields, I am trying to make it smaller. The file attachment field is not being styled at all.

    https://www.ads-software.com/extend/plugins/contact-form-7/

Viewing 5 replies - 1 through 5 (of 5 total)
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘CSS Problem’ is closed to new replies.