Table too large

  • Resolved mdv47

    (@mdv47)


    6 years, 11 months ago

    I have created a table in my site, the columns are all the same width but there is a lot of “white space” around the text.

    Is there a way of reducing the column width or even making the text smaller?, I am sure this would help & would allow the table to be readable.
    I am afraid that I do not have any knowledge of coding, so is this something that I can do without that knowledge?

    Thanks

    • This topic was modified 6 years, 11 months ago by mdv47.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    The best approach here might be to reduce the font size of the header row. For that, add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress-id-22 thead th {
  font-size: 10px;
}

    Another idea might be to rotate the text by 90 degress.
    For that, you would have to change each cell to

    <span>HOLINWELL</span>

    (that is, add <span> and </span> around the cell text) and then add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress-id-22 thead tr {
	height: 250px;
}
.tablepress-id-22 thead th {
	vertical-align: bottom;
}
.tablepress-id-22 thead th span {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	display: block;
	width: 20px !important;
}

    Regards,
    Tobias

Viewing 1 replies (of 1 total)
  • The topic ‘Table too large’ is closed to new replies.