How to vertically align table contents at the top in the Knowledge base?

If you want to vertically align the table content to the top of your Knowledge base, follow the steps below to easily achieve this using a custom CSS solution.

Solution

1. Navigate to Settings () > Knowledge base site > Customize site > Custom CSS & JavaScript in the Knowledge base portal.

2. From the left navigation pane, click on the CSS tab and paste the following CSS snippet:

table td, table th, table tr 
{  
vertical-align: top !important;
}

3. Update the alignment as needed. In this example, the content is set to align vertically at the top.

4. Click Save.

   

Outcome

Before

By default, the table appears as below.

After

After updating the Custom CSS, the table appears as below.