Example of Compact TablePress Implementation

Hi,

Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? A screenshot is not enough for this ?? Thanks!

Regards,
Tobias

The table is bottom of the page.
https://goo.gl/Etllvp

If need I can give you admin and password via mail.

Hi,

thanks for the link!

It seems that all your site’s CSS, including the TablePress default CSS is loaded inline via some theme options CSS field? Is that correct? Have you turned off the loading of the TablePress default CSS?

Regards,
Tobias

Now I put this code to the Theme Quick CSS area and disabled TablePress Custom CSS area.
This way rows seems compact, ok. But first column is not magnified(a little more darker).
Comparing original: https://i.imgur.com/AwLoMsQ.png

Hi,

to make that column darker, you will have adjust the colors with the help of e.g. https://tablepress.org/faq/change-color-alternating-rows/
To have this applied to only column one of this table, change .tablepress to .tablepress-id-123 (with the correct table ID), and td to .column-1 in this CSS code.

Regards,
Tobias

Hi Tobias

With your help I made my customization. I think a little understand of the logic.

.tablepress td,
.tablepress th {
  padding: 4px !important;
}
.tablepress th {
  padding-right: 10px !important;
}

.tablepress .odd .column-1 {
	background-color: #fafafa;
	width: 120px;
}
.tablepress .even .column-1 {
	background-color: #f7f7f7;
	width: 120px;
}

.tablepress .row-1 .column-1 {
	background-color: #ffffff;
}

Thanks for your patient and help.

Best Regards

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!