How do I remove the lines from the contact form?

Hi there
When I add a contact form to the sidebar using HTML Javascript Adder, a gray line appears under each field. See attached screen shot. How do I eliminate this line?

I tested the form on a page to see what would happen and there is no gray line. (also shown on attached screen shot)

The issue this creates is the gray line seems to be wider than the sidebar spilling over creating a blank space underneath the form.

I have used HTML Javascript Adder in conjunction with Contact 7 with numerous other themes on other websites and have never had this problem.

If you could provide me with some assistance on this, I would be most appreciative.

Thank you in advance.

Sincerely
Laurie

 

Hello,

Can you please share the link of your website.

 

Hi Harmeet
I set up a test page with the form in the content area and in the widget area. The address is http://pgdynamic.ca/test/

Thank you so much for looking into this for me.

Cheers
Laurie

 

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

Code:

.sidebar p {
border: none!important;
}

 

Thanks Gourav.