How to add Floating Button Popup WordPress

How to add Floating Button Popup WordPress

Contact Form 7

<div class="fab-container">
<label class="block py-2"> Your name
    [text* your-name class:block class:border class:border-gray-200 class:p-2 class:mt-2 ] </label>
<label class="block py-2"> Your email
    [email* your-email class:block class:border class:border-gray-200 class:p-2 class:mt-2 ] </label>
<label class="block py-2"> Subject
    [text* your-subject class:block class:border class:border-gray-200 class:p-2 class:mt-2 ] </label>
<label class="block py-2"> Your message (optional)
    [textarea your-message class:block class:border class:border-gray-200 class:p-2 class:mt-2 x3] </label>
[submit class:w-full class:text-white class:p-2 class:mt-2 "Submit"]
</div>

CSS Style

.jconfirm-fab-modal-429 .jconfirm-title-c {
    background: #4f46e5 !important;
    color: #fff !important;
}
.jconfirm-fab-modal-429 br {
    display: none;
}
.jconfirm-fab-modal-429 input[type=submit], .jconfirm-fab-modal-429 input[type=submit]:hover {
    background: #4f46e5 !important;
}

 

Sharing is caring

© 2022 All Rights Reserved by Artistudio

Website problem, contact us!