Change font size header of single column

  • Resolved lucaspanjaard

    (@lucaspanjaard)


    6 years, 11 months ago

    Hi Tobias,

    I’d like to change the font size of the first column header to 14px, and the other columns to 12px.

    I have changed the font size of all column headers with,

    
.table-averages thead th {
	font-family: Telex;
	text-transform: capitalize;
	font-size: 12px;
}

    which works fine. However, how to subsequently change the header of the first column to 14px?

    I have tried to change only the first column header via,

    
.table-averages .column-1 thead th {
	font-family: Telex;
	text-transform: capitalize;
	font-size: 12px;
}

    also tried .table-averages thead .column-1 th and .table-averages thead th .column-1, to no avail.

    I’ve also tried to change each column header independently, but failed as well.

    What to do?

    With kind regards,

    Luca

Viewing 1 replies (of 1 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    6 years, 11 months ago

    Hi,

    thanks for your post, and sorry for the trouble.

    You are very close 🙂
    The correct syntax is

    .table-averages thead th.column-1 {

    (.column-1 is a CSS class of the th element, therefore no space, as that would indicate that it’s the CSS class of a child element.)

    Regards,
    Tobias

Viewing 1 replies (of 1 total)
  • The topic ‘Change font size header of single column’ is closed to new replies.