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_ · Accepted solution]

You can just add !important to your styles

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

[Matthew Martin]

Legend! Perfect

[Can Kilic]

@Alex Medved _ConfiForms_ 

Is it also possible to have a bigger field in general? I managed to adjust the width but my goal is that in a longer text you can see your hole input or at least a bigger part of it. Is it somehow possible to adjust the field in the height? so when the width is reached then it goes a line down or something like that

[Alex Medved _ConfiForms_]

You can apply whatever CSS styles you find appropriate... font-size, for example