Skip to main content
MindTouch Success Center

Table cell padding

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.
.ui-table th,
.ui-widget .ui-table th,
.mt-grid th {
padding: .5em 1em;
@media all and (min-width: 50em) {
padding: .5em 1em;
.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?