Contact form width

Hi im using perth pro to design a few websites and on the contact page i have used contact 7 form to display the contact form but this is quite narrow. on the demo site you have the contact form quite wider than it is on my sites. how do i change this please.


Thanks

Hi,

You can make the Contact Form Full Width ( full width of the container ) with this Custom CSS:

.wpcf7 label {
    width: 100% !important;
}

Please add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also add the CSS to wp-admin -> Appearance -> Customizer -> Additional CSS so you won’t loose the changes after Theme or WordPress updates.

Please let me know how it works.

Kind Regards,
Csaba

Hi Csaba
thank you for this, it works perfectly.

Hi,

Great! You’re most welcome! If you need help with anything else, please open a new topic.

Have a nice day!

Kind Regards,
Csaba