CosminV of Technical Support
11/8/2019 - 12:24 PM

Render the checkbox options on 2 or 3 columns

Render the checkbox options on 2 or 3 columns

Example: http://checkon2columns.pagedemo.co/

http://checkon3columns.pagedemo.co/

CSS only for T_nT
content_copyfile_download
<!-- START code for checkbox options on 2 columns -->
<style>
@media screen and (min-width: 620px) {
  .input-holder.field-checkbox div.field-element,
  .form-block-checkbox {
    clear: none;
    float: left;
    width: 48%;
  }
}
</style>
<!-- END code for checkbox options on 2 columns -->

<!-- START code for checkbox options on 3 columns -->
<style>
@media screen and (min-width: 620px) {
    .input-holder.field-checkbox div.field-element,
    .form-block-checkbox {
        clear: none;
        float: left;
        width: 33%; 
    }
}
</style>
<!-- END code for checkbox options on 3 columns -->
Thor only.css
content_copyfile_download
<!-- START code for checkbox options on 2 columns -->
<style>
@media screen and (min-width: 768px) {
  .form-block-checkbox {
    clear: none;
    float: left;
    width: 48%;
  }
}
</style>
<!-- END code for checkbox options on 2 columns -->

<!-- START code for checkbox options on 3 columns -->
<style>
@media screen and (min-width: 768px) {
    .form-block-checkbox {
        clear: none;
        float: left;
        width: 33%; 
    }
}
</style>
<!-- END code for checkbox options on 3 columns -->