Table content vertical alignment

[CTMaster]

How do I get all the text in a table to align vertically to the top rather then align vertically as shown in the default?

Thank you.

[CTMaster]

I also wondered how I could apply a color to individual columns.

[Mohammad – SUPPORT]

Hi,

Please provide me specific page url with issue.

Thanks 🙂
With Best Regards
Mohammad

[CTMaster]

This reply has been marked as private.

[David Martin – Support]

Hey,

This CSS should answer all three queries you have:

table.sf-table {
	line-height: 1.5;
}

table td {
	vertical-align: top;
}

/*  Define the background color for all the ODD table columns  */
table tr td:nth-child(odd) { 
	background: #cccccc;
}

/*  Define the background color for all the EVEN table columns  */
table tr td:nth-child(even) {
	background: #ffffff;
}

Thanks,
David.

[CTMaster]

Awesome, thank you so much! Is there a way I can have each column a different color? So not have all the odd the same color and all the even the same color?

[David Martin – Support]

Sure, it depends how complex you want the CSS to be – but you can replace the odd even with numbers, these would represent the column number. Column 1, 2, 3, 4 ect.

Example – 3rd column:

table tr td:nth-child(3) { 
	background: red;
}

Thanks.