Hi, Anna.

Apology for the delay.

-

Can you confirm, is this going to be CSS for the Master Details add-on's Pop Up Modal,

or do you need this perhaps for a CheckBox Filter Modal?

The CSS selector will be different if that is the case.

Best will be if you can show me some screenshots of how it looks right now,

then we can see what is the goal.

-

And if you can send us the URL for the page where you have this table, please?

If there is any sensitive data, please mark the reply as PRIVATE, for safety reasons.

Thanks.

Hi, Anna.

Actually, after re-reading the details i realise you meant for the Checkbox filter Modal.

Here is what i came up with.

For the modal checkbox options themselves, you can use this CSS selector to force them to be wider, and then they will take up one column :

.wdt_checkbox_option {
    width: 1000px !important;
}

But now my modal dialog CSS is in the default width, so this text from some of the checkbox labels/options overlaps/goes outside of the "max width" from the container,

so you can combine what we said before with this additional CSS for the Checkbox value Width :

.modal-dialog {
    max-width: 1200px !important;
    width: 1200px !important;
}
.modal-content {
    max-width: 1200px !important;
    width: 1200px !important;
}
.wdt_checkbox_option {
    width: 1000px !important;
}

It would look something like this, but of course, you can change all these width values to reach your desired goal.

Let me know if that helps.