How to Add a Pop Up Opt In for Free - WordPress Popup Plugin Tutorial 2017
Contact Form 7
<div class="signupform"> [email* your-email placeholder "Your Email Address"] [submit "SEND ME THE BOOK!"] </div>
CSS Code
/*** Contact Form 7 Styles */ .jconfirm-fab-modal-368 { min-height:500px; } .jconfirm-fab-modal-368 .jconfirm-content { background: #f4f4f6; border: 3px dashed red; } .jconfirm-fab-modal-368 .jconfirm-content h1 { font-weight: bold; font-size: 2.5rem; } .jconfirm-fab-modal-368 .signupform { margin: 20px auto; min-height: 50px; max-width: 80%; } .jconfirm-fab-modal-368 .signupform > p { float: left; margin-right: 10px; width: 48%; } .jconfirm-fab-modal-368 .signupform .wpcf7-form-control.wpcf7-text.wpcf7-email { background: #fff none repeat scroll 0 0 !important; border: 1px solid !important; padding: 0 10px; width: 100%; } .jconfirm-fab-modal-368 .signupform .wpcf7-form-control.wpcf7-submit { background: #77AA05 none repeat scroll 0 0 !important; color: white !important; border: 0; padding: 1px 20px; width: 100%; } .jconfirm-fab-modal-368 .wpcf7-response-output.wpcf7-display-none.wpcf7-validate-errors { border: medium none; color: green; display: block !important; }
Explore Docs
- Cases
- Introduction
- Reacts
- Template
- How To Add A Pop Up Template 1 WordPress Popup Plugin Tutorial
- How To Add A Pop Up Template 10 WordPress Popup Plugin Tutorial
- How To Add A Pop Up Template 11 WordPress Popup Plugin Tutorial
- How To Add A Pop Up Template 12 WordPress Popup Plugin Tutorial
- How To Add A Pop Up Template 2 WordPress Popup Plugin Tutorial
- How To Add A Pop Up Template 3 WordPress Popup Plugin Tutorial
- How To Add A Pop Up Template 4 WordPress Popup Plugin Tutorial
- How To Add A Pop Up Template 5 WordPress Popup Plugin Tutorial
- How To Add A Pop Up Template 6 WordPress Popup Plugin Tutorial
- How To Add A Pop Up Template 7 WordPress Popup Plugin Tutorial
- How To Add A Pop Up Template 8 WordPress Popup Plugin Tutorial
- How To Add A Pop Up Template 9 WordPress Popup Plugin Tutorial
- Tutorial