Breaks existing CSS

Hello @airmuseumnet,

Thanks for using our plugin.

There are 2 different issues here:
1. We do not allow multiple header rows and style table with our own stylesheet to ensure responsive design (like display on tablet and mobile devices).
2. A conflict with your theme’s stylesheet.

To fix both issues, please try to add the following CSS rules to your stylesheet:

td.colorsSwatch, th.colorsCenter:nth-of-type(2) {
    width:100px !important;
}
td.colorsSwatch {
    height: 60px;
}
div.dataTables_wrapper {
    max-width: 580px;
}
div.dataTables_wrapper select.input-sm {
    height:38px !important;
}
li.paginate_button::before {
   content: '' !important;
}
li.paginate_button {
    padding-left: 0 !important; 
}

Please let me know if this resolved your issues.

Best regards

• This reply was modified 7 years, 3 months ago by buntegiraffe.