Support » Plugin: TablePress » Table Alternate row css issues

  • Resolved bm45.pilgrim


    Hi Tobias,

    I am having problems with the CCS for alternate rows. I use a Woo theme (Empire) which I think is causing some issues as I had to use #content as discribe in one of yourprevious posts. I dont know anything about CSS so any help would be much appreciated!

    The table that I am currently working on is here

    My custom CSS is:-

    #content .tablepress-id-1 thead th,
    #content .tablepress-id-1 tfoot th {
    	background-color: #77E1ED;
    #content .tablepress-id-1 .odd td {
    	background-color: #60C1EB;
    #content .tablepress-id-1 .even td {
    	background-color: #60C1EB;
    .tablepress-id-1 .row-hover tr:hover td {
    	background-color: #9ebfeb;
    #content .tablepress-id-1 tbody td {
    	font-family: Tahoma;
    	font-size: 18px;
    	color: #ededed;

    Many thanks for your help

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author TobiasBg



    thanks for your post, and sorry for the trouble.

    Unfortunately, I can’t check your site, as it is password-protected 🙁

    Also, could you please explain what the problem is and what you are trying to achieve?


    Hi Tobias,

    Sorry, forgot to turn of password. You should be able to see the page now.

    I’m trying to put together a nice clear table. The problem I’m hving is that the odd rows background is white and I cannot change it.

    I’d like to be able to change the background colour of at least the odd row, maybe both, still playing with the plugin. Very cool pligin by the way!!

    Thanks for your help

    Plugin Author TobiasBg


    Hi Matt,

    yes, now I can see the table. Thanks!

    The reason for the trouble is that you are using #colspan# in two cells, but also have the features of the DataTables JavaScript library turned on. Unfortunately, the DataTables JavaScript library does not work with tables that have combined cells. You will either have to turn off DataTables for this table, or remove all #colspan#s.
    After that, you’ll be able to set the colors as desired.


Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Table Alternate row css issues’ is closed to new replies.