Hi, Morgan.

Firstly, I would like to sincerely apologize for the delayed response as we have been experiencing an unusually high number of tickets. I am sorry that it has taken longer than usual to respond to your concern and your patience is highly appreciated.

-

Thank you for the kind words about our plugin.

In regards to customizations,

our support is limited when it comes to customizing the plugin, but we can help with some basic modifications and guidance/examples.

You can always first try the available built-in options from the Customize tab of table settings, try different table skins,

but we are able to help you with some basic CSS,  to guide you in the right direction.

- Here are some CSS selectors available for the Editing Modal :

1.  You can use this CSS selector for the "Next" button :

.wpdt-c .modal#wdt-frontend-modal.wdt-skin-aqua .modal-content .modal-footer .wdt-edit-dialog-button-block button.wdt-next-edit-button {
   
    margin-right: 26px;
    background-color: green !important;
    color: white !important;
}

2.

This is for the labels of input fields :

.wpdt-c .modal#wdt-frontend-modal.wdt-skin-aqua .modal-dialog .modal-content .modal-body .wdt-edit-dialog-fields-block .form-group > label {
    margin-top: 9px;
    margin-bottom: 9px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    text-transform: inherit;
    color: blue;
}

3.

This selector is for the input fields of editing :

.wpdt-c .modal#wdt-frontend-modal.wdt-skin-aqua .modal-dialog .modal-content .modal-body .wdt-edit-dialog-fields-block input.editDialogInput {
    border-radius: 4px;
    border: solid 1px #dcdfe6;
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #606266;
    height: 36px !important;
    width: 100% !important;
    padding: 11px 13px !important;
    background: inherit !important;
}

4.

This one is for the "wrapper" element that holds the entire Modal :

.modal-dialog {
    max-width: 690px;
    width: 690px;
    font-family: Roboto;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #606266;
}

-

You can add any CSS styles you need to these selectors, in order to get the design and look as needed for your use-case.

If you need a tutorial about general CSS styles that you can add,  please check this useful resource that shows a lot of examples and how to achieve them.

-

The CSS you add can be added to individual tables, in the table's Customize/Custom CSS section,

or if you want same styles for all tables, add styles to  main plugin settings/Custom JS and CSS/Custom CSS,

and if you don't add table ID to CSS selectors, it will apply to all tables.

-

Let me know if that helps.Thank you

If you wish to see more user-friendly customizing options from the plugin's interface for this,

you can add a development suggestion.

Please feel free to search on our suggestions page, 

 to see if someone may be already suggested this feature. If you can't see it, feel free to add your suggestion there,  and as more people vote, the feature will move higher on the priority list.

You can certainly follow our changeLog page if you'd like ( it is also available in the plugin dashboard), where we state any changes/new features/bug fixes during updates;

and our newsletter, so you're informed about new features, bug fixes, freebies, etc.

-

In regards to customizing the color of the loading icon for the raspberry theme,

at this time, unfortunately, we don't have a working solution.

You can also add an option suggestion for this , as well.