contact form 7 css no impact

Can you show us the form that has the issue?

Hello Andrew,
thank you for answer.
Do you mean a screenshot or this:
[honeypot fke8r232wsl-693]
<label> Your Name (required)
[text* your-name] </label>

<label> Your Email (required)
[email* your-email] </label>

<label> Subject
[text your-subject] </label>

<label> Your Message
[textarea your-message] </label>

[submit “Send”]

You can add custom html code to the form to make it look more how you want.

Here are a BUNCH of links for reference.
https://www.google.com/search?q=html+forms&ie=utf-8&oe=utf-8#q=styling+contact+form7++forms

The best way to learn is to DO!

Sorry I mean the website, but specifically the page that has the form.

It is a local stage. Sorry. I would like to send a screenshot but it seems not to be possible.
I use a hueman derived theme. In the style.css of this derived theme
i have this code:

/* contact form 7 */
.wpcf7 {
background-color: #FFFFFF; 
  color: #000bbb;
border: 0px solid #666666;
 
}

.wpcf7 span.wpcf7-form-control-wrap {
  
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea
{
    background-color: #fffDDD;
    color: #000bbb;
    
}

it has an effect. But no way to extend the fields. They are very tight, 1/20 of page width. Perhaps there is an attribute to change it ?
Thank you

Showing us the CSS means nothing. We need to see where the CSS is loading on the page, whether it is loading before or after the plugin’s css. What is overriding what css…

Are you using a Child theme? So any number of things can be wrong… There is really NO WAY to diagnose this here…

Thank you.
I checked out your link. Installed the styler. No change.
The style changes but not the dimensions.

Good question what CSS loaded in what order. Please apologize, i don’t know
and the site is not online.

I use a hueman derived theme. For this i used childify.
It’s style.css just has some little changes. I removed all entries in style.css
but it did no solve my problem.

Hello,
i created a new site. Minimal installation. Just hueman, childify me and contact form 7 installed.

Created a page. CF7 form added. Same problem. Could please look at this site.

https://wp-test.metatrader-interfaces.com/?page_id=6

Thank you

I can see that the labels are set to a width of 20% and they are floated left, so they won’t be full width:

.wpcf7 label {
    float: left;
    width: 20%;
    ...
}

Hello Andrew,

Where can you see this please ?
And how to fix it.

Remember, it is a clean new installation.
Thank you

I changed the theme, now it works.
I believe , the problem is somehow caused by the theme.