Contact Form 7 overriding any Full Page Width settings on contact page.

[KristyVanEck]

I’ve created a contact page that has a full width Google Maps element at the top (within a full page row). Then below I have created columns (2/3 + 1/3) – I can input text and other elements through the ‘Swift Page Editor’ fine, but I can only add a contact form if I insert it in the ‘Classic Editor’. And after I do the Google Maps goes from full width to a constricted width.

Help!

[Mohammad – SUPPORT]

Hi,
Please insert a text element of swift page builder and put your contact form shortcode through this.
Thanks
Mohammad

[nexilab]

Hi
I’ve got the same problem here http://emac.com.pl/kontakt/
And this form is inside of a 2/3 text block. How to fix the width?
Thanks

[Rui Guerreiro – SUPPORT]

Hi @nexilab,

That is related with the contact form styles. Add the code below to the custom css option in Theme Options-> General Options

.wpcf7 label {
    width: 100%;
}

-Rui

[nexilab]

Thanks, it worked!

One more question about this: Is it possible to put some of the fields next to each other at the big screens? For example I’d like to have first two in one row, third and second in the second row and then a big text field for 100% of width?

[Rui Guerreiro – SUPPORT]

Hi,

Not sure if possible, you need the check the plugin documentation.
Unfortunately doing with css it’s something that goes beyond our support scope since it’s a 3rd party plugin.

Hope you understand.

-Rui