Hello Tony

Thank you for your interest in our plugin.

This can be achieved with some custom CSS, but the CSS is different from site to site, so you'd need to create a page where the global search would be enabled and then share that page with us, so we can take a look and advise some custom CSS for you.

Also, a small screenshot with desired changes would be helpful.

Hello again Tony.

Can you please create a page where the global search would be enabled and then share that page with us, so we can take a look and advise some custom CSS for you?

As for rearranging the fields, I'm not sure if we'll be able to do that with simple CSS, but we'll give it a shot.

Hello Tony.

In order to make the search field appear white, like this:

You need to add this custom CSS:

#table_1_filter > label > input {
    background-color: white !important;
}

To make it look like this:

You would need this CSS:

#table_1_filter {
    background-color: white;
#table_1_filter > label > input {
    border-bottom: 0;
}

You can disable the "Show X of entries" through the Display tab above the table (in the back-end):

Then, you should be able to add this CSS and move the Search to the left:

.wpDataTablesWrapper .dataTables_filter {
    float: left;
}

I hope that helps.

Hello Tony.

#table_1_filter applies to the 1st table on the page.

If you need to apply it to multiple tables, you will need to duplicate the CSS and change the ID.

So, you'd need to add these:

#table_2_filter > label > input {
    background-color: white !important;
}
#table_3_filter > label > input {
    background-color: white !important;
}
#table_4_filter > label > input {
    background-color: white !important;
}