Normally, tables extend to the full width of the container element they are added to. Sometimes, for tables with few columns, it might however look better to reduce the table’s width and center it on the page. This can be done with the some CSS code that needs to be added to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:
.tablepress-id-N {
width: auto;
margin: 0 auto 1em;
}
Code language: CSS (css)
The N
needs to be changed to the ID of the table in question (or use .tablepress
as the first part of the selector, if you want this to apply to all TablePress tables on your site).