Change Field Width

  • Resolved Jeremy Ryan

    (@jeremyjeremyryanbiz)


    4 years, 7 months ago

    Is it possible to change the width of a column in a row with multiple columns? For example, I have a row with the “selection” field and the “number” field, but I don’t need the “number” field to be so wide (they are currently 50/50). I would like the “selection” field to take up the majority of the row (more like 75/25). I tried dabbling with ADDITIONAL CSS CLASSES under STYLING, but I couldn’t figure it out. Please advise. Thank you.

    • This topic was modified 4 years, 7 months ago by Jeremy Ryan.
Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter Jeremy Ryan

    (@jeremyjeremyryanbiz)

    Hello?

    Plugin Support Patrick – WPMU DEV Support

    (@wpmudevsupport12)

    Hi @jeremyjeremyryanbiz

    Sorry for the delay here.

    By default, we can’t control the width of the columns, it creates the column size based on the number of columns you have.

    But you can use a CSS on Edit Form > Appearance > Additional CSS

    
/** Only for Desktop **/
@media only screen and (min-width: 768px){
   .forminator-ui > :nth-child(6) #number-1{ max-width: 200px;}
}

    Replace the 6 on :nth-child(6) to the number of your row, and the #number-1 to your number field ID.

    https://monosnap.com/file/7Aj1x5iWro281lFDXJxUFcc2Ogdo5k

    Let us know if you need any further help on this.
    Best Regards
    Patrick Freitas

    Thread Starter Jeremy Ryan

    (@jeremyjeremyryanbiz)

    Hi Patrick. Thanks for your reply. After lots of experimenting, I discovered a potential solution. I added the following Custom CSS:

    .forminator-select-container {width: 270px;}

    .forminator-number–field {width: 100px;}

    .forminator-is_filled {width: 100px;

    It seems to be working for me… Do you see any issues with this solution?

    Plugin Support Williams – WPMU DEV Support

    (@wpmudev-support8)

    Hi @jeremyjeremyryanbiz

    I hope you’re well today!

    This looks fine to me, I don’t see anything wrong with this CSS. If you have tested it and can confirm that it works for you then it’s perfectly fine to use it.

    Best regards,
    Adam

    Thread Starter Jeremy Ryan

    (@jeremyjeremyryanbiz)

    Great. Thank you.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Change Field Width’ is closed to new replies.