Styling issues

selnomeria

I think many of us uses DT in wordpress.
However, when creating tables in wordpress backend dashboard, the WordPress default styles overrides DataTable's default styles, and tables design are distracted. However, this is because the DataTables does not use strong element selectors in styling/targets:

https://i.imgur.com/rjyqpz3.png

the default WordPress styles that overrides it, is:

.wp-core-ui select {
    font-size: 14px;
    line-height: 2;
    color: #2c3338;
    border-color: #8c8f94;
    box-shadow: none;
    border-radius: 3px;
    padding: 0 24px 0 8px;
    min-height: 30px;
    max-width: 25rem;
    -webkit-appearance: none;
    background: ...;
    background-size: 16px 16px;
    cursor: pointer;
    vertical-align: middle;
}

So, you will need to make a bit more better selectors to stand up it.

allan

That you for posting this. What is the theme you are using in WordPress. We don't typically add styling for specific frameworks other than the styling libraries we support, but it might be possible to do something about this.

Allan