Hi Ben,

just trimming down the css to the ‘.nx-field’ property should work. Try this instead:

.nx-field {
   width: 60%;
}

The one above will apply it to every ‘.nx-field’ component on the page. If you want to do it just within a single field editor, then apply a unique id to that field editor, e.g. customWidth, and then do:

#customWidth .nx-field {
   width: 60%;
}

Not sure how my email address got put into the subject field of this, but if someone at SKUID could fix that would be ideal.

I changed the subject of this post.

This does not work for me. I’m not sure what I could be doing wrong.
https://www.screencast.com/t/gqkXK8g3

see if adding a space before !important works, ie

width: 40% !important;

just checked and that may not help. I’ve tried a couple of different properties and .nx-field doesn’t seem to respond. These ones do however:

.nx-fieldtext {
    width: 10%;
}

.nx-basicfieldeditor-item {
    width: 10%;
}

.nx-basicfieldeditor-item-label {
    width: 10%;
}