Hi,

Try placing the code at the very top of Quick CSS.

Best regards,
Josue

Hi,

Paste this code in Quick CSS:

.wpcf7-form, .wpcf7-response-output{
  clear:both;
}

.wpcf7-form-control-wrap {
  display: block !important
}

.wpcf7-form p br{display:none;}
.wpcf7-form label {display:block; visibility: visible; position: relative; }
.wpcf7-form label, .modified_width:before{display:block; visibility: visible; position: relative; margin-bottom: 7px; font-weight: 600;}

.wpcf7-form p{ position: relative; clear:both; float:left; width:100%;}
.wpcf7-form p.hidden{position: absolute; width:0px; left:0; top:0; }
.wpcf7-form .form_element_half{width:49.5%; float:left; margin-left:1%; clear:none;}
.wpcf7-form .form_element_third{width:32.6%; float:left; margin-left:1%; clear:none;}
.wpcf7-form .form_element_two_third{width:66.4%; float:left; margin-left:1%; clear:none;}
.wpcf7-form .form_element_fourth{width:24.2%; float:left; margin-left:1%; clear:none;}
.wpcf7-form .form_element_three_fourth{width:74.8%; float:left; margin-left:1%; clear:none;}

.wpcf7-form .first_form{clear:both;margin-left:0;}

#top .wpcf7-form .wpcf7-text, #top .wpcf7-form .wpcf7-select, #top .wpcf7-form .wpcf7-textarea{
  width:100%;
  margin-bottom:0;
  display:inline;
  min-width:50px;
  padding:13px;
  border-radius: 2px;
}

#top .wpcf7-form .wpcf7-select{
 -webkit-appearance: none;
 border-radius:0px;
 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-form .button {
  margin: 0;
  padding: 16px 20px;
  border-radius: 2px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  font-weight: normal;
  font-size: 12px;
  min-width: 142px;
  outline: none;
}

.wpcf7-form p input, .wpcf7-form p textarea, .wpcf7-form p select{
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition:  all 0.3s ease-in-out;
  transition:     all 0.3s ease-in-out;
}

Then wrap your CF7 fields similar to:

<div class="av-form-labels-visible">
<p class="first_form form_element form_element_third">
<label>Your Name:</label>
[cf field]

<p class="form_element form_element_third">
<label>Email address: </label>
[cf field]

<p class="form_element form_element_third modified_width">
[cf submit]

</div>

Best regards,
Josue

• This reply was modified 9 years, 5 months ago by Josue.

Hi,

I still do not see the hight different on my end. Any how to fix it please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

#top .av_minimal_header #s {
    min-height: 30px;
    max-height: 30px;
    height: 30px;
}

If you still see the difference please try to hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload” and review the site again.

Best regards,
Vinay

Hey soniavoice,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

#top .avia-slider-testimonials.avia-testimonial-wrapper {
    min-height: 250px;
    max-height: 250px;
    overflow: auto;
}

Best regards,
Vinay