Hi,
thanks for your question, and sorry for the trouble.
From what I can see, you’ll want to adjust the line height CSS property here. For example, try adding this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:
.tablepress-id-123 td {
line-height: 1.1;
}
(where 123 is the table ID). 1.1 would be the factor to scale the line height.
Regards,
Tobias
Hello, tobias,
It works very fine! Many Thanks!
How can I reduce the height of the rows?
http://www.roadeagle-arnsdorf.de/meute/wp-content/uploads/rows.jpg
Best regards Matthias
-
This reply was modified 8 years, 10 months ago by
blumeremc.
Hi,
you can now try to reduce the padding in the cell (the inner white space), by using
.tablepress-id-123 td {
line-height: 1.1;
padding: 4px;
}
Regards,
Tobias
Hi Tobias,
thanks it works fine!
What must i do to Chanche the Color from the table Headline? Is not Tranparent how the Tabel content:
http://www.roadeagle-arnsdorf.de/meute/teams/
Tanks so mutch Matthias
-
This reply was modified 8 years, 10 months ago by blumeremc.
Hi Matthias,
that’s because you have set it to a light yellowish color with this “Custom CSS”:
.tablepress thead th, .tablepress tfoot th {
background-color: rgba(238,229,200,0.6);
}
If you use none or transparent for the value there, it should be transparent.
Regards,
Tobias
Hi Tobias,
Now I have unfortunately the next problem:
I have two tables on one Page so far, but there will be more, as you can see below, where they are still missing.
How can I force the different tables to keep the first and second columns always the same width and still remain responsive? In the first table 11: “Teams aus Belgien”, the first column is significantly wider than in the second table 12 “Teams aus Deutschland and this does not look nice in the transition, of course.
Best regards and thanks for your efforts Matthias
http://www.roadeagle-arnsdorf.de/meute/teams/#belgien
Hi,
for that, I recommend to set the width of all first columns on that page, e.g. with “Custom CSS” like
.page-id-1290 .tablepress .column-1 {
width: 300px;
}
(1290 is the ID of this page, which you can e.g. see on the page’s “Edit” screen in the admin area.)
Regards,
Tobias
Oh Tobias,
Now is the first table 10 on the page also 300px wide, can I solve the problem synonymous still?
Thanks so mutch Matthias
Hi,
not quite. You could try this instead:
.page-id-1290 .tablepress:not(.tablepress-id-10) .column-1 {
width: 300px;
}
This will not change every table except table 10.
In general, this is all similar to https://tablepress.org/faq/column-widths/
The code from above is just a bit shorter if there are many tables on the page.
Regards,
Tobias
Hi Tobias,
thanks for the quick reply, you’re really fast, (are we both Saxony?))
Unfortunately this solution does not work. The first column of Table 10 still retains the page width of 300px
Tanke for your support Matthias
Hello, Tobias,
I have found for the problem with the first column another solution, I have left out the table 10 and have simply put next to each other the pictures, as well as now it is quite good like to me.
Thanks for your help
With the best greetings Matthias
Hi Matthias,
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!
Hi Tobias,
thanks for your support!
Can i use this Code:
.page-id-1290 thead th,
.page-id-1290 tbody td {
font-family: Fira Sans;
font-weight: 500;
line-height: 1.1;
padding: 2px;
}
global on all pages and tables?
Thias Page have many Tables on many pages and it comes new Page in the future.
Since it would be easier if all the tables look the same
With best regards Matthias
Hi,
sure, this is no problem, just use this CSS code:
.tablepress thead th,
.tablepress tbody td {
font-family: Fira Sans;
font-weight: 500;
line-height: 1.1;
padding: 2px;
}
Regards,
Tobias
