Formating of Contact Us form in the 4th footer widget area

Hi,

Here is my website (bilalmirza.ca). I have managed to add a contact us form in the 4th footer widget area, however the formating is now messed up. Can you help:

1) It's taking up way too much white space after the send button. Can we get rid of that space.
2a) Is there a way of eliminating the line /space before the text "Your Email (required)" and the space or line before "Your Message"
- or -
2b) putting the above text in the field themselves eliminating the need for the text above the field altogether

Thanks

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

 div#wpcf7-f155-o1 {
height: 255px;
}
 
form.wpcf7-form p {
margin-bottom: 0;
}

Thanks & Regards
Gourav Shrivastava

 

Thanks Gourav. You seem like a website guru...

The spacing in the contact us form is fixed... however there are 4-5 lines after the send button that still remain. Is there a way to get rid of those lines (see the bottom of bilalmirza.ca)

 

Hello,

Could you please explain your problem with the help of screenshot, what you want to remove, so that we can give you the exact solution.


Thanks & Regards
Gourav Shrivastava

 

attached is a screen shot

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

div.wpcf7 img.ajax-loader {
display: none!important;
}

Thanks & Regards
Nitesh Raghuwanshi

 

great!