Strange issue with Contact Form 7

Hi, I'm using Contact Form 7 within a full-width page and it is adding a lot of space after the form and before the footer. And It doesn't happen with the normal template or with the sidebar.
I tested in 2 different hostings (one as a fresh installation of the theme) and the problem was the same.
Please assist
Thanks and Regards

 

Hello,

Please provide the page link where you used contact form 7.
Its contact form 7 styling for form. We will reduce spaces by CSS.

Thanks & Regards
Pramod

 

Hi, one more issue, possibly related with that.
If you insert an image on a page with full-width template it occupies all the window space available even if the image is 18x18 px and width and height are correctly defined. I also tested this in two different sites and hostings. And it happens only with full-width template (and gallery as well)
Can you test this as you don't need to install CF7 and tell me if it is working or the solution for this issue?
I tried a lot of css before to reduce the space for the CF7 and it doesn't work.

 

Hello,

We required URL or Link of your contact page to solve this issue.

Thanks & Regards
Pramod

 

Hello,
I'm providing links on a test environment, I have tested this in several devices and browsers. 2 issues related with fullwidth page template: Contact form 7, images size.
Correct: http://pruebas.expertsites.es/test-normal-template-contact-form-7/ http://pruebas.expertsites.es/test-normal-template-image/
Incorrect: http://pruebas.expertsites.es/test-fullwidth-page-template-contact-form-7/ http://pruebas.expertsites.es/test-fullwidth-page-image/

Thanks
Regards

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

img.ajax-loader {
display: none;
}
span.wpcf7-form-control-wrap input[type="text"], input[type="email"], textarea {
width: 95%;
}
.page-content img {
max-width: 100%;
height: auto;
width: auto;
}

It will resolve your issue.

Thanks & Regards
Yogesh Bhade

 

Hi,
It worked, except the instruction width: 95%; that make the length of the fields too large. So I removed this instruction, leaving empty the instruction span.wpcf7-form-control-wrap input[type="text"], input[type="email"], textarea { } but present in the CSS code. It has worked.
Thanks
Regards

 

Hello,

You can set width according to your need in % in above code.

Thanks & Regards
Yogesh Bhade