[Resolved] Styling borders + background colors for table view

[Author]

Posts

[kateT]

Tell us what you are trying to do?
I recently implemented a table view for a resources library on my site to make it easier to enter information and add custom fields (I was using a Posts Pro Table before). I would like to style my new view table to look like my earlier table by removing the borders and adding alternating colors for odd/even rows. How do I go about adding that CSS, and which classes do I use?

Is there a similar example that we can see?
New table (in need of styling): hidden link
Old table (desired style): hidden link

Thank you!!

[Minesh]

Hello. Thank you for contacting the Toolset support.

You should target your row (tr) using the nth-child(even) for even row and nth-child(odd) for odd row and specify your desired color.

For example:

.view-table tr:nth-child(even) { 
background: #CCC
}
.view-table tr:nth-child(odd) {
background: #FFF
}

You can add this custom CSS to your View's custom CSS box and change your desired background color for odd/even rows as per your need.

More info:
=> hidden link

[kateT]

Thanks, Minesh! That was exactly what I needed. Problem solved.