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.
Â