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

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

Sharing is caring

© 2022 All Rights Reserved by Artistudio

Website problem, contact us!