Fields wont click

.wpcf7-form-control, .wpcf7-form-control.wpcf7-text, .error-404 .search-field{
z-index: 999;
}

Add this code on your style.css

Doesn’t seem to do the trick

I left a blank line and copied and pasted

.wpcf7-form-control, .wpcf7-form-control.wpcf7-text, .error-404 .search-field {
z-index: 999;
}

right into the style sheet. i deleted any additional styles I had created for the form. Still not working

Hi,
?
?I tested your form on your site. It’s actually clickable, you’ll just need to point your cursor just above the line, and click it. Then, you should be able to type in the fields on your form.
?
?https://screencast.com/t/IAkW66MD
?
?Can you try it again please? Hope that helps.

Thanks

Hi,

I also noticed that there’s another styling overlapping your form, thus there are some sides of your form that are not clickable, but the left most of your form is clickable.

Can you try to add this CSS. Add it via Child Theme or use custom CSS plugin

#bannertext {
display: none;
}
?
?Let me know if that works.

That solution fixes the problem when I put it in the style.css sheet, so thanks.

However, I need #bannertext to display visible because it is the section ID for other parts of the website, namely the header at the top.

How would I go about this? You mentioned I should use the Custom CSS plugin. I’ve installed the plug-in, which file should I edit via the plugin to insert the code you posted above?

Hi,

Your #bannertext element, is covering your field or form. Thus, it appears that you can’t click on it. Anyway, should you want to use #bannertext, you will have to place it on a different position, making sure it is not covering your form.