How to Add a Pop Up Template 2 - WordPress Popup Plugin Tutorial
Image
HTML Text
<div class="md:mt-20 pt-6"> <h1 class="text-3xl sm:text-2xl text-black font-serif text-bold mb-4">Don't miss out.</h1> <p class="text-base">Sign up for our newsletter tos stay in the loop.</p> </div> <div class="w-full mt-6 rounded-full">Error: Contact form not found.
</div>
Contact 7
<div class="flex"> <div class="w-full md:w-1/2"> [email* your-email class:flex-1 class:bg-gray-100 class:appearance-none class:text-base class:p-2 class:pl-4 class:border class:text-grey-dark class:rounded-l-full class:focus:outline-none placeholder "email@example.com"] </div> [submit class:btn-yellow class:bg-yellow-500 class:text-white class:text-base class:font-semibold class:tracking-wide class:uppercase class:p-2 class:rounded-r-full "Subscribe"] </div>
CSS Code
/*Contact Form */ .fab-container .wpcf7-form input { appearance: none; outline: none; border: none; } .fab-container .wpcf7-form .wpcf7-submit { color:white; font-weight: 600; width: 100%; } .btn-yellow:hover { background-color: #d97706 !important; } .jconfirm-fab-modal-31 .featured-img-container { max-width: 160px; }
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