How to resize the session columns with CSS

  • 6 May 2022
  • 1 reply
  • 58 views

Userlevel 6
Badge +2

We had a need to resize the session management columns so that the username (for us, the same as email) column would be larger.  I thought I’d share how to accomplish this with CSS in the LMS:

/* Resize columns in session management */
.hyd-table .hyd-table-col:nth-child(2) {
flex-basis: 25% !important;
}

The “nth-child(2)” is where the column number is specified, so you could use this same principle to adjust a different column by changing the “2” to something else.  This solution steals about 10% of the space from other columns.

Hope this helps someone!


1 reply

Userlevel 7
Badge +3

One nice thing about those non-movable tables is that if an item is cut off and you hover over it, it shows the full text at least, I feel like I show instructors that all the time.

Reply