digitalFAQ.com Forum - WordPress table plugin - How to change background color CSS?

digitalFAQ.com Forum (https://www.digitalfaq.com/forum/)

- Web Development, Design (https://www.digitalfaq.com/forum/web-design/)

- - WordPress table plugin - How to change background color CSS? (https://www.digitalfaq.com/forum/web-design/4582-wordpress-table-plugin.html)

WordPress table plugin - How to change background color CSS?

Hey Chief--

Well, decided to tackle the WP table plugin and have made some progress. Built the table and dropped some images in it. Even used the code from the site to remove the table borders in the Custom CSS box. But, the code for changing the background color doesn't seem to work, not sure why.

Here's what it looks like:

Code:

.wp-table-reloaded-id-1, .wp-table-reloaded-id-1 td, .wp-table-reloaded-id-1 th {

  border: none!important;

  border-collapse: collapse!important;

  border-spacing: 0px!important;

.wp-table-reloaded-id-1 .row-1 td {

   background-color: #ffffff!important;

}

.wp-table-reloaded-id-1 .row-2 td {

   background-color: #ffffff!important;

}

.wp-table-reloaded-id-1 .row-3 td {

   background-color: #ffffff!important;

}

This question was asked via email. Site Staff no longer answer tech questions via email, so that others may read and benefit from our expertise. Please continue the conversation here. Either login or join as a Free Member, and we can continue troubleshooting your video, photo or web related issue. Thanks for understanding our tech Q&A policies.

The CSS for background color has been specified per row, and not for the entire table. You've also specific #FFFFFF, which hexidecimal for white.

To make the white background color apply to the entire table, specify it in the table-wide CSS, not per row:

Code:

.wp-table-reloaded-id-1, 

.wp-table-reloaded-id-1 td, 

.wp-table-reloaded-id-1 th {

  border: none !important;

  border-collapse: collapse !important;

  border-spacing: 0px !important;

  background-color: #ffffff !important;



.wp-table-reloaded-id-1 .row-1 td {

}



.wp-table-reloaded-id-1 .row-2 td {

}



.wp-table-reloaded-id-1 .row-3 td {

}

All times are GMT -5. The time now is 10:23 PM