Column content misaligned and not spanning full width

[StacieB]

I have tried messing with the padding and margins to no avail. My titles will not line up with each other, and the contact form is very narrow - not spanning the full column.

Site page: http://devsite.expressbooksellers.com/get-in-touch-2/

Please help!

[jade]

Hi there,

Please add the class mtn to the contact us headline.

Then add this code in the custom CSS:

div.wpforms-container-full .wpforms-form input.wpforms-field-medium, div.wpforms-container-full .wpforms-form select.wpforms-field-medium, div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium {
    max-width: 100%;
}

Hope this helps.

[StacieB]

Hmmm. It appears to have helped with all but the first and last name fields, but it doesn’t show up in the live view (once I’m not logged in…)
I checked an incognito window and it doesn’t look like anything has changed.

http://devsite.expressbooksellers.com/get-in-touch-2/

[christopher]

Hi there,

The piece of code my colleague gave will work if you force with the !important directive. Please kindly update the code:

div.wpforms-container-full .wpforms-form input.wpforms-field-medium, div.wpforms-container-full .wpforms-form select.wpforms-field-medium, div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium {
    max-width: 100% !important;
}

Don’t forget to clear all caches if you have a cache plugin and clear your browser cache.

Thank you.