SupportCategory: Business Consultant Finder ( BCF )Contact form 7 uses custom CSS to display exceptions
AvatarEtren asked 4 months ago

I use the following contact form 7 code and theme custom CSS, the submit button cannot be centered horizontally.

<div class="hunkcf77">

<p><div class="outer"><div class="cf7part onehalf"><div class="inner">[text* your-name placeholder "Your name*"]</div></div></div>
<div class="outer"><div class="cf7part onehalf"><div class="inner">[email* your-email placeholder "Email Address*"]</div></div></div></p>
<p>[text* your-company placeholder "Your company name*"]</p><p><div class="outer"><div class="cf7part onehalf"><div class="inner">[text your-subject placeholder "Your website*"]</div></div> </div>
<div class="outer"><div class="cf7part onehalf"><div class="inner">[text your-phone placeholder "Your phone *"]</div></div></div></p>
<p>[textarea* your-message placeholder "Give us your need as specific as possible*"]</p>
<p class="submit">[submit "Send"]</p>
<div class="nodisplay">made by <a href="https://www.imhunk.com/">imhunk</a></div>
</div>

and CSS in the theme custom

.onehalf{width:50%;float:left!important;}
.outer{margin:0 -10px;}
.inner{padding:0 10px;}.outer{margin:0 -10px;}
.cf7part{float:left;margin-bottom:20px;}
.nodisplay{display:none!important;}
@media only screen and (max-width: 640px)
{.onehalf{width:100%!important;}}
.hunkcf77 input{height:55px!important;background:#eee!important;border:none!important;border-radius:30px!important;font-size:17px!important;padding:15px 30px 15px 30px!important}
.hunkcf77 textarea{height:200px!important;background:#eee!important;border:none!important;border-radius:30px!important;font-size:17px!important;padding:15px 30px 15px 30px!important}
.hunkcf77 .submit{text-align:center!important;}
.hunkcf77 .submit .wpcf7-submit{padding:15px 40px!important;background:#fff!important;border-radius:30px!important;border:1px solid #333!important;color:#333!important;}
.hunkcf77 .wpcf7-submit:hover{background:#333!important;color:#fff!important;}
1 Answers
AvataraThemeArt Staff answered 4 months ago

HI
Thanks for your contactin with us, would you please switch the theme and check the code. otherwise, try with default contact from 7 code then you will see it’s work great ..

otherwise, send wp-admin user name and password with site url in private ticket so we can check more ..

Thanks