column width

Hi,

thanks for your post, and sorry for the trouble.

It might be possible that your theme is setting the padding with a high priority.
Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!

Regards,
Tobias

Hi,

Absolutely:

https://www.deepproductguide.com/?page_id=20

Hi,

thanks for the link.
Your current “Custom CSS”

.tablepress-id-2 .column-2 {
	padding: .5px;
}

will target table 2, but the table on that page is table 1. That’s why you are not seeing anything there.

Now, why exactly do you want to reduce the padding here? What are you actually trying to achieve or what’s bothering you about the current styling?

Regards,
Tobias

Hi,

Thanks for noticing that the ID was wrong, but this was only because I have played around with it. If you go to the webpage now, I think it is more clear why I would like to narrow column 2 down to be more suiteable to the text in the cell. Is it related to a fixed width of the hole table in itself or maybe that the text is not centered in the cells?

Br

Michael

Hi Michael,

ok, so what you actually want is to reduce the width of the table. Now, as you are using the DataTables JS features, you’ll have to actually reduce the width of the wrapping container around the table.
Please try this “Custom CSS”:

#tablepress-1_wrapper {
  width: 400px;
}

Additionally to that, you can use the CSS to change the column widths (from the TablePress FAQ page). There’s not need to change the padding, however.

Regards,
Tobias

Very nice, thank you.

Br.

Michael

Hi,

no problem, you are very welcome! ?? Good to hear that this helped!

Best wishes,
Tobias

P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!