Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #507282

    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.

    #507389

    Hi larrywillisva!

    can we please check the form URL?

    Cheers!
    Basilis

    #512430
    #513756

    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.