Edit Contact Form 7

How do I edit the Contact Form 7, so it looks like this:

not nessesarily the shadow, but the lines?

and implement the map?

thank you!

Hey @mikireimann,

Here’s a quick guide to achieve that setup. Here’s the CSS used in that guide. Please note that the guide is only for information purposes and does not serve as part of our support service. Issues that would arise from the use of the guide and further enhancements would be outside the scope of our support.

.wpcf7 select, .wpcf7 textarea, .wpcf7 input[type="text"], .wpcf7 input[type="password"], .wpcf7 input[type="datetime"], .wpcf7 input[type="datetime-local"], .wpcf7 input[type="date"], .wpcf7 input[type="month"], .wpcf7 input[type="time"], .wpcf7 input[type="week"], .wpcf7 input[type="number"], .wpcf7 input[type="email"], .wpcf7 input[type="url"], .wpcf7 input[type="search"], .wpcf7 input[type="tel"], .wpcf7 input[type="color"] {
    border: 0;
    box-shadow: none;
    border-bottom: 1px solid black;
    border-radius: 0;

For more details about setting up your Map, please see https://theme.co/apex/forum/t/elements-map-element/10231

For more usage instructions, please see our Knowledge Base.


Works just beatitully! Thank you so much. Really appreciate!

You are most welcome. :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.