futurecar

Excellent, you’re welcome!

Thats because the text and inputs were not wrapped in the div as I had suggested above. I have updated the code to show you what I mean. Have a look at line 3 and line 11. So you will need to add that div when editing your form in the CF7 admin. Then make sure you add the CSS and lets see if that works.

Updated Pastebin

I think in this case, i’d probably wrap a div around it to contain the input fields. It would be good if you posted your form code.

So for example from looking at your form this is what I would try when editing the form in CF7 (there could be a better way but for now this may be a fix)

These are the first few elements of your form:

קבל עוד היום הצעה אטרקטיבית בכל תחום!
<div class=”input-container”>
שם מלא
the text field

מספר טלפון
the text field
</div>

Wrap a div like the example above around these first few elements when editing your form in CF7 admin area, then save.

In your CSS Add:
.input-container {
width:80%;
float:right;}

Give this a try, hopefully it works.

If you are talking about increasing the width, you can add something like this to your css:

.wpcf7-textarea{
width:70%
}

Your theme options most likely has an area to add custom css. You can put this code there.

You’re welcome! You can try reducing the 20px to a lesser value say 10 px or adjust until it looks right to you.

You could possibly add something like this to your custom css (I use slim jetpack)

wpcf7-form p{
margin: 0 0 20px 0;
}

Looked like this when I did it

Can definitely say its not a theme issue as I have tested multiple and they all do the same thing. In fact, I think the newer version of CF7 doesn’t have the mouseover ability anymore only previous versions. Its just text that appears above a field in a div (in a vertical form) and that’s it. A little frustrating for me because now I can’t really require anything until a solution is found.