Skip to main content
MindTouch Success Center

Change the cell padding of your tables

You can change the cell padding of your tables site-wide with a bit of CSS code. Follow the steps below:
 

  1. Navigate to Site tools > Control panel > Custom Site CSS. 
  2. Add the following code to the All Roles CSS field.
th,
.ui-table th,
.ui-widget .ui-table th,
.mt-grid .ui-table.mt-grid-table th {
padding: .5em 1em;
@media all and (min-width: 50em) {
padding: .5em 1em;
}
}
td,
.ui-table td,
.mt-grid .ui-table td,
.ui-widget .ui-table td,
.dataTable td {
padding: 1em;
.ui-dialog & {
padding: .5em 1em;
}
}
  1. Click Save.

 

  • Was this article helpful?