Home
WordPress Plugins
Divi Contact Form 7 free WordPress plugin

free-wordpress-contact-form-7-styler-for-divi-plugin-ecv1-o.jpg

Divi Contact Form 7 free WordPress plugin

Name: Divi Contact Form 7 free WordPress plugin Wordpress Plugin
Rating: 5 (5 reviews)
Author: DiviPeople

Description

</span></p> <p>Divi Contact Form 7 Visual Page Builder. Now you can Customize and design beautiful contact forms with Divi Visual Builder and without writing a single line of code.</p> <p>Check our Live Demos</p> <p>You get various styling options along with the control to manage the layout and spacing within the form. You can select among the boxed or underlined layout and manage the spacing between all the fields.</p> <h2>FEATURES</h2> <ul> <li>Grid Builder ( See Video )</li> <li>Easy Contact form 7 pickup</li> <li>Text and Background Styling</li> <li>Customizable Padding, Margin & Border</li> <li>Form Elements Styling</li> <li>Button Styling</li> <li>Style Your Messages</li> </ul> <h2/></div> </p> </div> <h3 class="font-semibold text-4xl">Tags:</h3> <ul class="flex gap-x-2 pb-4 border-b-4 border-gray-400"> <li> <a href="https://oxtheme.com/plugins-search/?q=contact form 7 divi" class="text-xs"> contact form 7 divi </a> </li> <li> <a href="https://oxtheme.com/plugins-search/?q=divi" class="text-xs"> divi </a> </li> <li> <a href="https://oxtheme.com/plugins-search/?q=divi builder" class="text-xs"> divi builder </a> </li> <li> <a href="https://oxtheme.com/plugins-search/?q=divi module" class="text-xs"> divi module </a> </li> <li> <a href="https://oxtheme.com/plugins-search/?q=divi theme" class="text-xs"> divi theme </a> </li> </ul> <div class="flex flex-col md:flex-row gap-4 justify-between pb-4 border-b-4 border-gray-400"> <div class="flex flex-col"> <h2 class="mb-3 font-semibold text-4xl">Author</h2> <p class="mb-4 font-semibold text-sm w-48 word-break-all text-teal-600"> <a href="https://oxtheme.com/plugins-search/?q=DiviPeople"> DiviPeople </a> </p> </div> <div class="flex flex-col"> <h2 class="mb-2 font-bold text-4xl">Plugins Used on</h2> <p class="text-sm mb-4 font-semibold text-teal-600 w-48 word-break-all"> 4697 websites </p> </div> </div> <div class="flex flex-col md:flex-row gap-4 justify-between pb-4 border-b-4 border-gray-400"> <div class="flex flex-col"> <h2 class="mb-2 font-bold text-4xl">Plugins Folder</h2> <p class="text-sm mb-4 font-semibold text-teal-600 w-48 word-break-all"> cf7-styler-for-divi </p> </div> <div class="flex flex-col"> <h2 class="mb-2 font-bold text-4xl">Plugins Pricing</h2> <p class="text-sm mb-4 font-semibold text-teal-600 w-48 word-break-all"> Free Plugin </p> </div> </div> <ul class="grid grid-cols-5 md:grid-cols-5 gap-4"> <li> <a rel="noreferrer noopener nofollow" href="https://be.elementor.com/visit/?bta=64676&nci=5626" target="_blank"> <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/elementor200x200.png" border="0" width="250" height="250" /> </a> </li> <li> <a rel="noreferrer noopener nofollow" href="https://crocoblock.com/?ref=10375" target="_blank"> <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/Crocoblock-280X280-dark.jpg" border="0" width="250" height="250" /> </a> </li> <li> <a target="_blank" rel="noreferrer noopener nofollow" href="https://shareasale.com/r.cfm?b=2344585&u=94913&m=41388&urllink=&afftrack="> <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/250x250WPEBanner-replacing1144536.png" border="0" alt=""/> </a> </li> <li> <a rel="noreferrer noopener nofollow" href="https://digitalocean.pxf.io/c/3546921/1373777/15890" target="_blank" id="1373777"> <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/15890-1373777.jpg" border="0" alt="" width="300" height="250"/></a> <img height="0" width="0" src="https://imp.pxf.io/i/3546921/1373777/15890" style="position:absolute;visibility:hidden;" border="0"/> </li> <li> <a target="_blank" rel="noreferrer noopener nofollow" href="https://shareasale.com/r.cfm?b=1836136&u=94913&m=46483&urllink=&afftrack="> <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/2021_DP_compromo_ad_250x250.png" border="0" alt=""/> </a> </li> <li> <a target="_blank" rel="noreferrer noopener nofollow" href="https://shareasale.com/r.cfm?b=1898312&u=94913&m=37723&urllink=&afftrack="> <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/SquareOnline_SOS_Wave2_336x280_Blue.gif" border="0" alt="SimilarWeb Keyword Research Tool" /> </a> </li> <li> <a target="_blank" rel="noreferrer noopener nofollow" href="https://shareasale.com/r.cfm?b=1866994&u=94913&m=82629&urllink=&afftrack="> <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/02_ScalaHosting_banner_v6_2_250x250.png" border="0" alt="SimilarWeb Keyword Research Tool" /> </a> </li> <li> <a rel="noreferrer noopener nofollow" href="https://partners.hostgator.com/c/3546921/215609/3094" target="_top" id="215609"> <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/3094-215609.png" border="0" alt="" width="250" height="250"/> </a> <img height="0" width="0" src="https://partners.hostgator.com/i/3546921/215609/3094" style="position:absolute;visibility:hidden;" border="0"/> </li> <li> <a rel="noreferrer noopener nofollow" href="https://bluehost.sjv.io/c/3546921/1465797/11352" target="_top" id="1465797"> <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/11352-1465797.jpg" border="0" alt="" width="250" height="250"/> </a> <img height="0" width="0" src="https://imp.pxf.io/i/3546921/1465797/11352" style="position:absolute;visibility:hidden;" border="0" /> </li> </ul> </div>  <div class="flex items-center justify-center p-4"> <a href="https://1.envato.market/c/3546921/522999/4415" target="_top" id="522999"> <img src="https://img.oxtheme.com/affiliate/4415-522999.png" alt="" width="970" height="90"/> </a> <img height="0" width="0" src="https://1.envato.market/i/3546921/522999/4415" style="position:absolute;visibility:hidden;" border="0"/> </div> <footer class="footer p-10 bg-base-200 text-base-content"> <nav> <header class="footer-title">Resources</header> <a class="link link-hover" href="https://oxtheme.com/creator/" rel="noreferrer nofollow">Theme Creator</a> <a class="link link-hover" href="https://oxtheme.com/blog/" rel="noreferrer nofollow">Blog</a> <a class="link link-hover" href="https://oxtheme.com/user/favourites/" rel="noreferrer nofollow">Favourites</a> </nav> <nav> <header class="footer-title">Free Tool</header> <a class="link link-hover" href="https://oxtheme.com/wordpress-theme-detector/" rel="noreferrer nofollow">WordPress Theme Detector</a> </nav> <nav> <header class="footer-title">Directory</header> <a class="link link-hover" href="https://oxtheme.com/plugins/">WordPress Plugins</a> <a class="link link-hover" href="https://oxtheme.com/premium-themes/">WordPress Premium themes</a> <a class="link link-hover" href="https://oxtheme.com/premium-tag/">WordPress Theme Tags</a> <a class="link link-hover" href="https://oxtheme.com/collections/">WordPress Theme Collections</a> </nav> <nav> <header class="footer-title">Abouts</header> <a class="link link-hover" href="https://oxtheme.com/privacy/" rel="noreferrer nofollow">Privacy Policy</a> <a class="link link-hover" href="https://oxtheme.com/sitemaps.xml">Sitemaps</a> </nav> </footer> <footer class="footer skeleton px-10 py-4 border-t bg-base-200 text-base-content border-base-300"> <aside class="items-center grid-flow-col"> <p id="copyright">Copyright © <span id="currentYear">2024</span> - All right reserved.</p> </aside> <nav class="md:place-self-center md:justify-self-end"> <div class="grid grid-flow-col gap-4"> <a href="https://twitter.com/rockking92" target="_blank" rel="nofollow"> <svg width="24" height="24" viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="black" /> </svg> </a> </div> </nav> </footer>  <button id="back-to-top" class="hidden fixed bottom-64 right-2 p-3 rounded-full bg-black text-white shadow-lg hover:bg-gray-900 focus:outline-none"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 15l7-7 7 7"></path> </svg> </button> </body> <script src="/static/js/jquery.js"></script> <script> document.getElementById("menu-button").addEventListener("click", function () { let menuLinks = document.getElementById("menu-links"); if (menuLinks.style.display === "none" || menuLinks.style.display === "") { menuLinks.style.display = "block"; } else { menuLinks.style.display = "none"; } }); const ob = new IntersectionObserver((entries) => { for (const entry of entries) { if (entry.intersectionRatio) { const img = entry.target img.src = img.dataset.src ob.unobserve(img) } } }, { threshold: 0 }) const imgs = document.querySelectorAll('img[data-src]') imgs.forEach((imgEle) => { ob.observe(imgEle) }) // Wait for the DOM to be ready document.addEventListener('DOMContentLoaded', function () { window.addEventListener('load', function () { document.getElementById('loadingSpinner').classList.add('hidden'); }); }); if (document.domain !== 'oxtheme.com' && document.domain !== 'www.oxtheme.com') { window.location.href = 'https://oxtheme.com'; } // year document.getElementById("currentYear").textContent = new Date().getFullYear(); document.addEventListener('DOMContentLoaded', function () { let dropdownButton = document.getElementById('dropdownButton'); let dropdown = document.getElementById('dropdown'); dropdownButton.addEventListener('click', function () { if (dropdown.classList.contains('hidden')) { dropdown.classList.remove('hidden'); } else { dropdown.classList.add('hidden'); } }); window.addEventListener('click', function (e) { if (!dropdown.contains(e.target) && !dropdownButton.contains(e.target)) { dropdown.classList.add('hidden'); } }); }); // 控制按钮显示与隐藏的变量 let button = document.getElementById('back-to-top'); // 滚动时显示按钮 window.addEventListener('scroll', function() { if (window.scrollY > 300) { button.classList.remove('hidden'); } else { button.classList.add('hidden'); } }); // 回到顶部隐藏按钮 button.addEventListener('click', function() { window.scrollTo({ top: 0, behavior: 'smooth' }); button.classList.add('hidden'); }); </script> <style> .word-break-all { word-break: break-all; } </style> <style> #loadingSpinner { display: none; } @media (min-width: 1024px) { #menu-links { display: flex !important; } } @media (max-width: 1024px) { #menu-links { display: none; } } /* 基础样式 */ #dropdown { width: 320px; } /* 当屏幕宽度大于1024px时 */ @media (min-width: 1024px) { #dropdown { width: 750px; /* 全宽 */ } } </style> </html>