Table has reverted its design to stock despite CCS being present

@jamesad,

Can you please share the URL of your site so that we can look into the issue and help you in fixing the problem?

Without looking at the output and code, it will be difficult to provide a solution.

Sure, here’s a link to a specific page where it’s happening: https://dev.neutral.digital/portfolio/fleet-explorer/

@jamesad,

Thanks for sharing the site url.

Could you please tell me which section of your site is not working correctly in terms of tables?

How you are getting now and how it should be?

What changes you made in custom css section in your theme?

Towards the bottom of that page there is a table showing the apps compatibility. I had used CSS to: disable the mouse highlighting, change the colour of two of the rows and header (colours not available in the regular settings for Table Maker), remove the dividing lines between the coloumns and rows and to allow the the table to scale down without introducing scroll bars. The code for all of this is still present in my themes ‘Custom CSS’ section, however it appears to be no longer applied.

I doubt its anything to do with the code as nothing has change in the CSS but here’s the code I used incase:

//remove hover states from Table Maker tables
.wpsm-comptable td:hover, .wpsm-comptable td.betterhover, .wpsm-comptable tr:hover td {
background-color: transparent;
}

//force white background for headers in Table Maker (non standard colour in its options)
.wpsm-thead-default th{
background:white !important;
}

//removes borders from Table Maker
.wpsm-comptable td {
border: 0px
}

//sets background colour of second row to light grey
.wpsm-comptable tr:nth-child(2) td {
background-color: #eeeeee
}

//sets background colour of second row to light grey
.wpsm-comptable tr:nth-child(4) td {
background-color: #eeeeee
}

//makes table responsive
@media only screen and (max-width: 767px){
.fleetrow {
max-width: 100% !important;
}
}

I looked at the code of your site and it seems like changes are not there.

The table is behaving that way because of the style code / CSS.

This is the stylesheet that is being used: https://dev.neutral.digital/wp-content/plugins/table-maker/css/style.css?ver=1.6

So, you may want to edit this style as per your needs.

Let me know if you need any help…