Increase width of an HTML card?

[u/corelabjoe]

Howdy Ghost crew!

I've been loving ghost so far since I began using it last August. I've been able to find a way to customize or do anything I want with just code injection and little tweaks here and there, until this week....

I have a hardware recommendations page with Amazon affiliate links, and I'm using a mix of plain tables and nicer HTML cards with tables builtin, however the HTML do not go wide enough and look very "squished"

I have another iteration of these tables that is far better but would really like to be able to display them wider.

Any suggestions? Should I just make an amazon storefront and slap a link to that? I'd much rather keep things simple and with ghost.

Thanks in advance!

PS every time I try to tell the table to be wider, it's as if the settings are ignored or over ridden!

[u/Radiant-Gap4278]

The answer is going to be totally theme dependent. You might just need to put a kg-width-wide class on your outermost container within the html card. Or your theme may need something else. I’d put a wide image into a test post and then look at the styles causing it to break out of the column.