Viewing 4 posts - 1 through 4 (of 4 total)
-
Posts
-
Each field is automatically on a separate line even though there are no <p> tags. I’ve used Contact Form 7 in other themes and have been able to have three fields on one line. In Enfold, everything is on a separate line and takes up all space left to right on the screen.
I’m not using a builder, just the standard WordPress visual editor.Hey!
Refer to:
http://kriesi.at/documentation/enfold/mailchimp-integration/But instead of the CSS code mentioned there, use the following:
.wpcf7 form{clear:both} .wpcf7 p br{display:none} .wpcf7 label{display:block;visibility:visible;position:relative;margin-bottom:7px;font-weight:600} .wpcf7 p{position:relative;clear:both;float:left;width:100%} .wpcf7 p.hidden{position:absolute;width:0;left:0;top:0} .wpcf7 .form_element_half{width:48%;float:left;margin-left:2%;clear:none} .wpcf7 .form_element_third{width:32.6%;float:left;margin-left:1%;clear:none} .wpcf7 .form_element_two_third{width:66.4%;float:left;margin-left:1%;clear:none} .wpcf7 .form_element_fourth{width:24.2%;float:left;margin-left:1%;clear:none} .wpcf7 .form_element_three_fourth{width:74.8%;float:left;margin-left:1%;clear:none} .wpcf7 .first_form{clear:both;margin-left:0} @media only screen and (max-width: 479px) { .responsive .wpcf7 .form_element{width:100%;clear:both;margin-right:0;margin-left:0;float:none} } #top .wpcf7 input[type='text'],#top .wpcf7 input[type='tel'],#top .wpcf7 input[type='email'],#top .wpcf7 select,#top .wpcf7 textarea{width:100%;margin-bottom:0;display:inline;min-width:50px;padding:13px;border-radius:2px} #top .wpcf7 select{-webkit-appearance:none;border-radius:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC);background-position:center right;background-repeat:no-repeat;border-radius:2px} .wpcf7 .button{margin:0;padding:16px 20px;border-radius:2px;border-bottom-width:1px;border-bottom-style:solid;font-weight:400;font-size:12px;min-width:142px;outline:none} .wpcf7 .modified_width .button{width:100%;padding:13px 10px 14px;min-width:0} .wpcf7 p input,.wpcf7 p textarea,.wpcf7 p select{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out} #top .wpcf7 { position: relative; } #top .mc4wp-response{ clear: both; }Cheers!
Josue
Viewing 4 posts - 1 through 4 (of 4 total)
- You must be logged in to reply to this topic.