table spacing and height

Hi,

thanks for your post, and sorry for the trouble.

From what I can see, you are putting single list elements (<li>) into single table cells. This is not really a good idea (and it’s actually invalid HTML code as you are missing the <ul> tags around them).
Instead, I suggest to make these tables with just one row (but two columns), where you enter the full list for the list entries in the left column into one cell, like this:

<ul>Plot and Sub Plots</li><li>Characters</li><li>Dialogue</li><li>Point of view</li></ul>

That should give you much nicer lists with better spacing.

Regards,
Tobias

Thanks you so much for your help. My only question would be how can I minimize the cell width so they are closer together AND eliminate that white line at the bottom. Thanks again as your solution worked great.

Hi,

sure. For that, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

.page-id-10 .tablepress {
	width: 80%;
	border: none;
}
.page-id-10 .tablepress td {
	width: 50%;
}

That will remove the borders from all tables on that page (which internally has the ID 10), and it will reduce each table’s overall width to 80%, and it will give each column of each table 50% of the table width, to make them even-sized.

Regards,
Tobias

cool. Thanks. if I want it to be in ALL of table press I would just use .tablepress? Thanks.

One very last thing. On this page can you tell me why the last table keeps spacing out even though i have tried to redo it a couple times. I am not doing anything different?

Hi,

yes, to have this apply to all tables, you’d use only .tablepress.

I’m not really sure what’s going on with the last table. Is that copied in manually somehow, instead of using the Shortcode?

Regards,
Tobias