Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #31824
    Paul
    Participant

    Hi Sakin
    Do you know how to style Contact Form 7 field lengths in Catch Evolution Pro? The form looks OK on a large screen, but when it is viewed on a mobile device, the ‘name’, ’email’ and ‘subject’ fields stretch off the right-hand edge of the screen.
    http://juniorjungle.biz/contact-junior-jungle
    Paul

    #31946
    Sakin
    Keymaster

    @Paul: I see that there is problem with the Email field. We will fix this in new version update. For now you can add the following css in “Appearance => Theme Options => Custom CSS” box.

    input[type="text"],
    input[type="email"],
    input[type="url"],
    input[type="password"],
    input[type="search"],
    textarea {
    	color: #666;
    	border: 1px solid #ccc;
    	border-radius: 3px;
    }
    input[type="text"]:focus,
    input[type="email"]:focus,
    input[type="url"]:focus,
    input[type="password"]:focus,
    input[type="search"]:focus,
    textarea:focus {
    	color: #111;
    }
    input[type="text"],
    input[type="email"],
    input[type="url"],
    input[type="password"],
    input[type="search"] {
    	padding: 3px;
    }
    @media screen and (max-width: 767px) {
    	input[type="text"],
    	input[type="email"],
    	input[type="url"],
    	input[type="password"] {
    		width: 80%;
    	}	
    }
    @media screen and (max-width: 320px) {
    	input[type="text"],
    	input[type="email"],
    	input[type="url"],
    	input[type="password"] {
    		width: 98%;
    	}		
    }

    Note: Remove this after you update to new version coming soon.

    #31973
    Paul
    Participant

    Hi Sakin
    Brilliant. That works just fine. Many thanks for your help.
    http://juniorjungle.biz/contact-junior-jungle
    Paul

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Catch Evolution Pro and Contact Form 7’ is closed to new replies.