Contact form 7 field width css not working

[NiallD1991]

Hi

I have tried various combinations of CSS to customise the field width of my Contact Forms in the Global CSS section. However, no matter what I do, the fields will not shrink to 50%

Can someone help me?

[tristup]

Hi Niall,

I have exmined the CSS written in the Global CSS, just need a small tweek to reduce the wrapper size to 50%.
To modify it further you can check this resource to learn more.
The following code will work as it is if not conflict with any existing code.

.wpcf7 p .wpcf7-form-control-wrap
{
    width : 50% !important;
}

Please note that the code provided serve only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle. We do not provide support for custom codes that means we can’t fix it in case it conflicts with something in your site nor will we enhance it.

Hope it helps.

[NiallD1991]

Hi @tristup

Sadly this doesn’t work either?

I am experienced with creating forms such as this. and I have several websites that use PRO and do not carry this issue.

I simply wish for the name fields and email fields to be at 50% width.

I cannot understand why this does not work? The CSS for Contact Form 7 is the only CSS on the Pro Global CSS.

Sorry to continue but it seems to me that maybe this isn’t a CSS problem?

[NiallD1991]

Not to worry.

I have now managed to fix the issue.

Thank you for your help.

[tristup]

Hi Niall,

Glad to know that.

Thanks