Hello Sebastian

Sorry for the late response.

1. This can only be achieved with some custom CSS. At the moment there are no built-in options that would allow you to change the font size within the modal. To change the column labels and the content within the modal, you can use this CSS:

.modal-body .col-sm-3 {
font-size: 20px !important;
}
.modal-body .detailColumn {
font-size: 20px !important;
padding-left: 15px !important;
}

To make the modal be 80% of the page, all you need to add is this:

.modal-dialog {
width: 80% !important;
}

This would work desktops, since width for mobile devices is handled through a media query:

@media screen only and (min-width: 768px) {
.wpdt-c .modal-dialog {
    width: 600px;
    margin: 30px auto;
}
}

If you need to change the behavior of the modal on smaller screens also, you'd need to change that as well.

2. Hiding headers from the modal is using the same selector:

.modal-body .col-sm-3 {
display: none !important;
}

So, that would hide the headers from the modal, but to hide the columns as well, you would need to actually hide them through column settings.

I hope that helps.

Please note that these customizations are all custom work, which is not included in the provided support for the plugin.

You're welcome, Sebastian

Glad I could be of service!

Hello Laura

I'm sorry but I don't know what you're referring to. This is Sebastian's ticket, so please open a new ticket and we'll help you there.

Thank you for understanding.