Center table name

I found the answer to the first question is to inmput

<center>Table name here</center> in the table: field.

One more problem has come up though, the exact same shadow box code

.tablepress-id-2 {
	-moz-box-shadow: 0 0 8px 4px #aaa;
	-webkit-box-shadow: 0 0 8px 4px #aaa;
	box-shadow: 0 0 8px 4px #aaa;
}

that works beautifuly here

https://www.bitedge.co/blog/cloudbet-vs-nitrogen-sports-bitcoin-sportsbook-comparison/

Is not working here

https://www.bitroll.co/dice-investment-comparison/

If you watch the page load closely it actually looks perfect until the last second when it half breaks.

Thanks for reading.

Hi,

thanks for your post, and sorry for the trouble.

Yes, using <center> should work for the centering, but usually some CSS is better.

For that shadow: The reason for this is that the second table is using the features of the DataTables JS library, due to which the table is wrapped by extra container elements.
You might therefore want to try to apply the shadow to those elements, e.g. with

.dataTables_wrapper {
	-moz-box-shadow: 0 0 8px 4px #aaa;
	-webkit-box-shadow: 0 0 8px 4px #aaa;
	box-shadow: 0 0 8px 4px #aaa;
}

Regards,
Tobias

That works thanks ?? there is one more thing from the OP that I still need to know please.

how can we get the lines the run between rows as border lines around cells or around the whole table?

Thanks

Hi,

great to hear that this helped!

And sorry for missing that question on the border lines… Adding those to all cells is e.g. possible with this “Custom CSS”:

.tablepress th,
.tablepress td {
    border: 1px solid #cccccc;
}

(Note that vertical borders are regarded as having negative impacts on readability of the table data, which is why they are not really recommended.)

Regards,
Tobias