How can I apply alternating colours to my table rows/columns in Design Forms?

For alternating rows, copy and paste the below code at the top of your HTML Editor - this will ensure all odd rows are light grey whilst even rows are white.

<style type="text/css" media="screen"> <!-- tr:nth-child(odd) {background-color: #F6F6F6;} tr:nth-child(even) {background-color: #FFFFFF;} --> </style>

To apply the same for columns, replace the above tr with col

If the first column needs to be a specific colour while others follow an even/odd pattern, you can try the following:

<style type="text/css" media="screen"> <!-- col:first-child {background: #000000} col:nth-child(2n+3) {background: #F6F6F6} --> </style>

Note: The above gives the first column a black background, and then every second column starting from column 3 a light gray one.

Â