How do I limit table width?

Your theme sets table width in this CSS:

#content table {
    border: 1px solid #E7E7E7;
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 100%;
}

I changed the CSS above from “width: 100%;” to “width: 590px;” and it made no difference.

How do I fix it? Thanks.

If you add up the widths you have in that table – it’s bigger than 590.

Images are 280 and you have padding of 24 (times 4).

BTW, you really may want to avoid using tables at all – for layout, CSS is a much better way to go.

The width of everything in the table comes to 594 pixels, so I miscalculated by 4 pixels, but that does not account for the problem I am having. I can definitely live with 594 pixels! But the table displays much wider than that. The question still remains: How can I fix it so it displays at 594 pixels wide? I tried adjusting the CSS as mentioned above without success.

By my count:

280 + 280 + 24 + 24 + 24 + 24 + 1 + 1 = 658

Maybe you’re not counting this padding:

#content tr td {
    border-top: 1px solid #E7E7E7;
    padding: 6px 24px;
}

and the border here:

#content table {
    border: 1px solid #E7E7E7;
    margin: 0 0 24px;
    text-align: left;
    width: 590px;
}

Aha, I see. I tried removing all the CSS below and that had no effect either.

#content table {
	border: 1px solid #e7e7e7;
	margin: 0 -1px 24px 0;
	text-align: left;
	width: 100%;
}
#content tr th,
#content thead th {
	color: #888;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
}
#content tr td {
	border-top: 1px solid #e7e7e7;
	padding: 6px 24px;
}
#content tr.odd td {
	background: #f2f7fc;

So I still don’t have a solution.

You really should not be modifying theme files – your changes will all be lost when the theme is updated. So start by installing a custom CSS plug – like this one:

https://www.ads-software.com/plugins/custom-css-manager-plugin/

Then ADD this CSS there:

#content tr td {
    padding: 0px 0px;
}

You may want to adjust those to something a bit bigger so the text isn’t right to the edge.

Voila! That did the trick! Many thanks. Topic resolved. Should prove useful for other things as well. Thanks again.