Hello Didier.

In regards to the screenshot you provided - the settings there are for the buttons inside New and Edit modals - when you add a new row or modify an existing one.

You can add a custom CSS class for the button and set it up through Custom JS and CSS, under main settings of wpDataTables (see attachment).

Then, you can add any CSS you'd like - something like this:

.wpdt-c .button1 {
background: blue;
color: white;
}

And the result would be:

I hope this helps.

Best regards.

HI Didier,

No problem. Let us know the result.

Best regards.

Hello again Didier.

You need to define it in column settings, under CSS class(es) field:

After that, any CSS you added to Custom JS and CSS will only apply to columns with that CSS class.

Best regards.

Hi again Didier.

Have you tried using the !important property?

.wpdt-c .button1 {
background: blue !important;
color: white !important;
}

Please let me know.

Best regards.

Hi Didier.

You can't find it in the documentation since !important is basically a keyword you can add to the end of a CSS property/value pair to give more weight to that CSS value. The reason it is used is due to the nature of CSS, which assigns weight to values according to where they appear in the “cascade”.

An !important rule works like this:

CSS:

p {
    color: red !important;
}
#thing {
    color: green;
}

HTML:

<p id="thing">Will be RED.</p>

The paragraph will be red, even though the ID selector has higher specificity. The !important rule overrides that particular property.

The !important rule is a way to make your CSS cascade but also have the rules you feel are most crucial always be applied. A rule that has the !important property will always be applied no matter where that rule appears in the CSS document.

Could you tell me which button you'd like to use from the screenshot?

I can take a look, of course, but you'd need to provide me a temporary WP-admin login for your site where this happens, so we could log in and take a look ‘from the inside’ as that’s the most efficient way to see and resolve the issue. We do not interfere with any data or anything else except for the plugin (in case that’s a production version of the site), and of course we do not provide login data to third party. You can write credentials here just check Private Reply so nobody can see them except us.

Best regards.

Hi again Didier.

I'm sorry but I wasn't able to log in with those credentials:

Can you please check again and let me know.

Best regards.

Hi Didier.

I believe I found the issue.

You added a CSS Class for the column, not for the button (see attachment "Selection_017").

When I moved that class to the other tab and assigned the class to the button, it looks good (see attachment "Selection_018").

https://membres.cami-aero.fr/?page_id=2688&preview_id=2688&preview_nonce=9d6d490538&_thumbnail_id=-1&preview=true should look just fine now.

When you added the class to the column, it applied the CSS to the cell instead of the button, that was the issue.

Please let me know if all's good now.

Best regards.

Hi Didier.

You can modify the following CSS and paste it in Custom CSS and that should do the trick:

.wpdt-c .wdt-clear-filters-button {
background-color: black !important;
color: white !important;
}

Best regards.

You are welcome Didier. Glad that we solved the issue.

If you have any more issues or questions feel free to open a new ticket, we will gladly help.

We'd greatly appreciate it if you could take a minute and leave a Review on CodeCanyon on this link. Thanks! 

Best regards.

Hi Didier

Thanks for the review!

You can choose how many rows are displayed by selecting the "Default rows per page" drop-down:

Altering the row height can be done with CSS:

.wpdt-c td {
line-height: 30px !important;
}

I hope this helps.

Also, for future reference:

When you have questions or issues which are not related to the title of the active ticket can you please open a new one, and we will help you there. In that way, issues and questions which are related to different subjects will be in different tickets so other customers or our support agents can find it easily. Our policy is to have one issue or question per ticket because of the reasons that is described already.

Thank you for understanding.

Best regards.

You are welcome Didier. Glad I could be of service.

If you have any more issues or questions feel free to open a new ticket, we will gladly help.

Best regards.