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

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

Image

HTML Text

<div class="max-w-2xl mx-auto p-5 sm:p-5 sm:pt-6 text-center">
  <h1 class="text-bold text-3xl text-black pb-4">SUBSCRIBE</h1>
  <h3 class="text-md text-gray-600 mb-8">Subscribe to our newsletter & stay updated</h3>
  <div class="w-full mt-2 rounded-full text-left">
       [contact-form-7 404 "Not Found"]
  </div>
</div>

Contact 7

<div class="flex">
    <div class="w-full md:w-1/2 pr-2 mr-2">
    [email* your-email class:flex-1 class:bg-gray-100 class:appearance-none class:py-2 class:px-5 class:border class:text-grey-dark class:text-base class:rounded-full class:focus:outline-none placeholder "Your Email"] </div>
[submit class:appearance-none class:bg-gradient-to-r class:from-red-600 class:to-yellow-500 class:text-white class:text-base class:font-semibold class:tracking-wide class:py-2 class:px-8 class:rounded-full "Submit"]
</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%;
}

Sharing is caring

© 2022 All Rights Reserved by Artistudio

Website problem, contact us!