Center table name

  • Resolved BitEdge

    (@whatwhatwhatwhat)


    11 years ago

    Hi guys,

    If we select Show the table name above the table how can we make it centred instead of justified left?

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

    Thanks

    https://wordpress.org/plugins/tablepress/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter BitEdge

    (@whatwhatwhatwhat)

    11 years ago

    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

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

    Is not working here

    http://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.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    11 years ago

    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

    Thread Starter BitEdge

    (@whatwhatwhatwhat)

    11 years ago

    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

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    11 years ago

    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

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Center table name’ is closed to new replies.