• Resolved fiveoutoften

    (@fiveoutoften)


    Hello, I would like to set up 4 different tables, yet give them the same colours, backgrounds cells etc.

    I have used the code below in the custom CSS box under the WP-Table Reloaded plugin options section; it looks how I would like for the first table I have: http://wordexperts.co.uk/english/, but then for the 2nd table I have made, the cell colours and borders are not the same: http://wordexperts.co.uk/espanol/

    I would very much appreciate some help with this as I am completely new to html and all of these things, and I just cannot spot what is incorrect! Thank you in advance.

    .wp-table-reloaded td {
      font-family: 'Habibi', serif;
      font-size: 16px;
      color: #585948;
    }
    
    .wp-table-reloaded .odd td {
      background-color: #000000;
    }
    
    .wp-table-reloaded .even td {
      background-color: #000000;
    }
    .wp-table-reloaded, .wp-table-reloaded td, .wp-table-reloaded th {
      border: none!important;
      border-collapse: collapse!important;
      border-spacing: 0px!important;
    }
    
    .wp-table-reloaded .row-hover tr:hover td {
      background-color: #262626!important;
    }

    http://ww.wp.xz.cn/extend/plugins/wp-table-reloaded/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    Hi,

    there’s nothing really incorrect, it’s just that you have enabled different features for your tables. One table has “Alternating row colors” enabled, while the other doesn’t. Due to that, your color change is only visible in one table.

    I suggest to uncheck “Alternating row colors” for both tables and then also shorten your CSS to

    .wp-table-reloaded td {
      font-family: 'Habibi', serif;
      font-size: 16px;
      color: #585948;
      background-color: #000000;
    }
    .wp-table-reloaded, .wp-table-reloaded td, .wp-table-reloaded th {
      border: none!important;
      border-collapse: collapse!important;
      border-spacing: 0px!important;
    }
    
    .wp-table-reloaded .row-hover tr:hover td {
      background-color: #262626!important;
    }

    Regards,
    Tobias

    Thread Starter fiveoutoften

    (@fiveoutoften)

    Thank you very much Tobias for taking your time to help,

    Regards

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    Hi,

    sure, no problem! You are very welcome!

    Best wishes,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘[Plugin: WP-Table Reloaded] Styling tables’ is closed to new replies.