[Marcel1980Participant]

Hi,
i can’t seem to change the background color on my table rows using the integrity stack and tablepress plugin. Always showing just default colors white and light grey :/

[John EzraMember]

Hi there,

Thanks for writing in! It seems you are dealing with an issue that may be due to a 3rd Party Plugin. We really can’t support 3rd Party plugins or scripts as there are just way to many to even try. However if we can find a quick fix then we’ll attempt it, otherwise we would need to point you back to the plugin developer for further support. Would you mind providing your URL so we can take a look and see if it’s something we can help out with? Thanks!

[Marcel1980Participant]

This reply has been marked as private.

[Paul RModerator]

Hi Marcel,

You can add this under Custom > CSS in the Customizer.

body .tablepress tbody td {
   background-color: red !important;
}

body .tablepress .row-hover tr:hover td {
  background-color: blue !important;
}

Change red and blue with the color that you like.

Thanks

[Marcel1980Participant]

thanks it works 🙂
however it applies only to one of the tables…so far i haven’t figured why as the whole class tablepress is targeted

[ChristopherModerator]

Hi there,

I see the code works on both tables in provided URL, can you clarify more?

Thanks.

[Marcel1980Participant]

This reply has been marked as private.

[John EzraMember]

Hi there,

Thanks for updating the thread! Try the following CSS:

To color the whole background as one

 .tablepress {
  background-color: #d9edf7;
 }

to color every other row

.tablepress tbody tr:nth-child(2n+1){
  background-color: #d9edf7;
}

You can combine the two so you can choose two different alternating background colors. If you want to change the text color, just add color:red; to each of the above and change the color.

Hope this helps – thanks!

[Marcel1980Participant]

Thanks it works 🙂

[Rue NelModerator]

You are most welcome!

[Author]

Posts