How to Add a Pop Up Template 8 - WordPress Popup Plugin Tutorial

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">[contact-form-7 404 "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%;
}

 

Sharing is caring

© 2022 All Rights Reserved by Artistudio

Website problem, contact us!