Not getting mails on contact page address

On contact us page there html design of contact us form.

But if you want that i want to receive mail notifications on submit query then you can use contact form 7 WordPress plugin you can easily download and install it.

Please create and contact form in contact form 7 plugin and get short code of that

Then please replace form with short code in contact us page.

<?php echo do_shortcode('[contact-form-7 id="999" title="My title"]'); ?>

Then please add custom css if customizer custom css option.

.wpcf7 label,.your-email,.your-email input{width:100%}
.your-email input{margin: .6em 0;outline: 0;padding: .8em;border: 1px solid #dadada;}
.wpcf7-submit{border: 2px solid #a0ce4e;background-color: #a0ce4e;box-shadow: 0 3px 0 #96c346;color: #fff;margin: 10px 0!important;font-family: 'MerriweatherBold';
font-weight: 500;font-size: 14px!important;padding: 5px 15px!important;border-radius: 4px;cursor: pointer;display: inline-block;letter-spacing: 1px;position: relative;
text-transform: uppercase;-webkit-transition: all .3s;}

Then please click on save and publish.

3 Comments

  1. Carolina

    For businesso Pro theme please use below given code :

    .wpcf7 label,.your-email,.your-email input{width:100%}
    .your-email input{margin: .6em 0;outline: 0;padding: .8em;border: 1px solid #dadada;}
    .wpcf7-submit{border: 2px solid #a0ce4e;background-color: #a0ce4e;box-shadow: 0 3px 0 #96c346;color: #fff;margin: 10px 0!important;font-family: ‘MerriweatherBold’;font-weight: 500;font-size: 14px!important;padding: 5px 15px!important; border-radius: 4px;cursor: pointer;display: inline-block;letter-spacing: 1px;position: relative;
    text-transform: uppercase;-webkit-transition: all .3s;}

Leave A Comment?