Confiforms - Cannot increase field width - large-field css value conflict

Matthew Martin

Hey there,

I'm struggling to resolve a conflict so I can set my field width correctly. Regardless of what I am trying to replace, the max-width attribute of .large-field is always being overwritten.

I have a text field and I am referencing this in the CSS style field: 

• max-width:700px;width:100%;background-color:#F4F5F7;

Just to validate, I've also set these controls in the space CSS as follows (which you can see in the snap below):

• .large-field {min-width: 100px; max-width: 700px; width:100% !important}

However, with the above in mind, when I render the form, the max-width attribute is not being set correctly. When I inspect the rendered page and field, I see the following: 

 

Any thoughts on how I can properly get max-width to update to my required 700px?

Alex Medved _ConfiForms_

You can just add !important to your styles

max-width:700px !important;width:100%;background-color:#F4F5F7;