How to Add a Pop Up Template 8 - WordPress Popup Plugin Tutorial
Image
HTML Text
<div class="max-w-xl mx-auto p-5 sm:p-10 sm:pb-5 text-center"> <h1 class="text-bold text-4xl text-gray-800 pb-4 tracking-tight">Subscribe to our newsletter</h1> <h3 class="text-md text-gray-600 tracking-tight mb-8">Be the first to get exclusive offers abd the lastest news on our product directly in your inbox.</h3> <div class="w-full mt-2 rounded-full">Error: Contact form not found.
</div> </div>
Contact 7
<div class="block"> <div class="max-w-2xl block"> [email* your-email class:w-full class:bg-gray-100 class:py-2 class:px-5 class:border class:text-base class:text-grey-dark class:rounded class:mb-4 placeholder "Email Address"] </div> [submit class:bg-gradient-to-r class:from-blue-600 class:to-blue-500 class:hover:bg-blue-700 class:text-white class:text-base class:font-semibold class:tracking-wide class:py-2 class:px-8 class:rounded "SUBSCRIBE"] </div>
CSS Code
.fab-container .wpcf7-form input { appearance: none; outline: none; border: none; } .fab-container .wpcf7-form .wpcf7-submit { color:white; font-weight: 600; width: 100%; }
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