Can I make checkbox labels equal width?

  • Resolved glatz2crs

    (@glatz2crs)


    1 year, 5 months ago

    I have a checkbox field with multiple checkboxes, with horizontal layout. I’d like to have them aligned so the columns are the same width. The labels vary in size, so the checkboxes don’t line up nicely. Is there a way to set the labels to equal widths? I tried setting a fixed width for .forminator-checkbox-label but boxes with very wide labels are sometimes not getting full width. I’d also like the checkbox and label to both be aligned vertically at the top

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hi @glatz2crs

    I hope you are doing great today!
    To better understand your need can you provide the url to the form ?

    Kind regards,
    Olumide

    Thread Starter glatz2crs

    (@glatz2crs)

    I got it fixed while trying to explain it.

    I made these changes to the custom css for the form:

    .forminator-checkbox-inline {
    width: 150px;
    }
    .forminator-checkbox.forminator-checkbox-inline {
    align-items: flex-start;
    }

    this is on https://farmertofarmer.crs.org/volunteer-signup-test-page/

    Thanks for your help. Two suggestions for the future:

    1. This style could be an option for horizontal checkbox fields
    2. I love the custom css field. It would be really cool if it was aware of css and did autocomplete when filling out fields, like the way the browser inspector window in Chrome does (I’m spoiled).

    Great product, great support! Much appreciated.

    Thread Starter glatz2crs

    (@glatz2crs)

    fixed

    Hi @glatz2crs

    I am glad you were able to fix it. For the feature suggestion, the support team will provide more information on that.

    In addition, if you want to know more about the new exciting features that are coming to Forminator and the development roadmap, kindly subscribe to the roadmap newsletter here: https://wpmudev.com/roadmap/

    Kind regards,
    Olumide

    Plugin Support Nebu John – WPMU DEV Support

    (@wpmudevsupport14)

    Hi @glatz2crs,

    I hope you are doing great and glad to know that you found a workaround.

    Please feel free to open a new thread if you need any further assistance, we are happy to help.

    Kind Regards,
    Nebu John

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Can I make checkbox labels equal width?’ is closed to new replies.