How to Add a Pop Up Opt In for Free - WordPress Popup Plugin Tutorial 2017

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;
}

 

Sharing is caring

© 2023 All Rights Reserved by Artistudio

Website problem, contact us!