WordPress.org

Ready to get started?Download WordPress

Forums

TablePress
[resolved] Table Alternate row css issues (4 posts)

  1. bm45.pilgrim
    Member
    Posted 1 year ago #

    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

    http://wordpress.org/extend/plugins/tablepress/

  2. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    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?

    Thanks!
    Tobias

  3. bm45.pilgrim
    Member
    Posted 1 year ago #

    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
    Matt

  4. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    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.

    Regards,
    Tobias

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic