kalamkhan777

Are u giving the text format instead of email format
because the email classes are not coming in your form

“wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email“

Use This Format and it will work

[email* your-email watermark “Email Address”]

Thanks

You can get some help here
https://contactform7.com/2015/03/28/custom-validation/

Are you giving your email in this format
<p>Your Email (required)
[email* your-email] </p>

Can u share your contact form link for inspecting purpose

Any solutions please
Thanks

you did not your textarea for questions in your form.
How many forms do you have in your website???
If you have only one form then you can edit in your style.css

#maincontent textarea {
position: relative;
padding: 0px;
border: 1px solid #000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
height: 80px;
width:250px; //ADD THIS
}

This will make your form look more proper

Thanks

write this code in your custom css or style.css
Use This
.wpcf7 textarea {
width: 252px;
}

Dont bother for this “<textarea cols=”30″ name=”your-question” rows=”10″ class=”wpcf7-form-control wpcf7-textarea” id=”quest” aria-invalid=”false”></textarea>

make ur number of cols=30″

This may work i believe
Thanks

This code is already in your style.css
You only need to edit it.

Go to appearance-> Editor and and in style.css search for the classes and edit them.

If you have any confusion you can reply back

Thanks

You have not made it required
Use *

Your Name (required)
[text* your-name size:30 maxlength:60]

Your Email (required)
[email* your-email “[email protected]”]

For More info you can visit “https://contactform7.com/text-fields/&#8221;

This must work for you, try this again

.wpcf7-form-control .wpcf7-checkbox{
border: medium none;
}
Thanks

you can remove border from your theme.css

.page .wpcf7-form-control {
width: 95%;
padding: 10px 2.5%;
border: 1px solid #e4e5e5; //REMOVE THIS
color: #666666;
font-size: 13px;
line-height: 15px;
margin: -1px 0 0 0;
}

Just add this code to your custom css

.wpcf7-form-control .wpcf7-checkbox{
border:none !important;
}
Thanks

You need to change some of your css styles

#maincontent textarea {
position: relative;
padding: 0px;
border: 1px solid #000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 540px; //Remove this
height: 80px;
}

#maincontentcenter {
background: transparent url(images/maincontent_center.png) top left repeat-y;
padding: 5px 40px;
min-height: 550px; //MAKE IT 550px
}

<textarea cols=”30″ name=”your-question” rows=”10″ class=”wpcf7-form-control wpcf7-textarea” id=”quest” aria-invalid=”false”></textarea>

make ur number of cols=30

I hope this may help you
Thanks

Here is a small example whicch may help you
write this code where you create your contact form

<div id=”development-form”>
<div id=”contentformleft”>
<p>[text* full-name placeholder “Full Name”]</p>

<p>[email* email placeholder “Email”]</p>

<p>[text phone placeholder "Phone"] </p>
</div>

<div id=”contentformright”>
<p>[textarea* message 10×1 placeholder “Message”]</p>

<p>[select* menu-411 first_as_label “SELECT PLATFORM” “PHP” “WORDPRESS”]</p>

<p>[submit class:btn-block “Send Now”]</p>
</div>
</div>

And add these styles in you custom css

#development-form {
padding: 5px;
width: auto;
margin: 20px auto;
}

#contentformleft {
width: 50%;
float: left;
padding: 5px 15px;
}

#contentformright {
width: 50%;
padding: 5px 15px;
float: left;
}

Thanks

Hi,
Add this css in your custom css field –

#wpsm_accordion_4747 #Family_Law_in_North_Carolina_in_English .collapsed{
font-style: italic;
}
#wpsm_accordion_4747 #Family_Law_in_North_Carolina_in_English .fa-angle-double-right{
font-style: normal;
}
This may help you but it will make the “in English” thing also italic

Thanks
Kalam

Thank you for reply sir

Still waiting for the solution to the problem

Here i want 240 to be shown on left side but can add only 235 and view 91 when the page loads