Hi,
thanks for your question.
Yes, usually changing padding is easier. You will want something like this:
.tablepress-id-123 .row-5 td {
padding: 2px 8px;
}
(Just change the table ID and the row number accordingly.)
That will reduce the vertical padding and reduce the row height.
If that doesn’t do it, please post the link to the page with the table in question, and describe what you want to change in which way.
Thanks!
Tobias
Here is the link:
http://www.margottago.com/gingermop/digital/
I’m trying to reduce the space below the arrow, which occupies one cell on the top row.
The code you gave me, I put it in Custom CSS box in the Frontend Options section. Is that where you put it? Still pretty green at this…
Thx
Hi,
thanks for the link.
Unfortunately, just changing the padding here is not enough, as the arrow image gets some “margin” by your theme, which creates this empty space.
But that can be changed with some CSS, too.
So, please
– Remove the current “Custom CSS” (as that’s not sufficient here), and
– Replace it with
.entry-content .tablepress-id-2 {
margin: 1em 0;
}
.tablepress-id-2 img {
margin: 0;
padding: 0;
}
And yes, the “Custom CSS” textarea that you have found is the correct place 🙂
(By the way, a new version of TablePress is available, so I recommend that you update, which you can do directly in your WordPress admin area.)
Regards,
Tobias
Hi,
no problem, you are very welcome!
Great to see that this worked.
Best wishes,
Tobias
P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!
Please have a look at
http://www.jtdaylilies.com/our-daylily-garden/lilies/
I want to decrease the distance between the images (I think its padding)
I tried different custom codes of CSS from these forums but its not working.
Can you help me please.
Hi,
almost 🙂 It’s not padding, it’s margin. Please try this “Custom CSS”:
.tablepress tbody td img {
margin: 0 0 5px 0;
}
Regards,
Tobias
Hello,
at http://www.ferienhaus-rehsprung.de/wordpress/preise/ I want change padding in cells.
Then I have between row 3 and 5 I have an empty row (4)…but I can´t see them…why?
thx for help…
Hi,
thanks for your question and sorry for the trouble!
In your table, you the padding is set to 0px (by some wrong and stupid CSS in your theme). This means that there will be no space between the content of the cell and the edge/border of the cell.
This means that an empty cell (or row) will not be visible, because there’s no text in it and no border around that.
I suggest to fix that by changing the “Custom CSS”
.tablepress td {
padding-top: 8px;
border: none;
background: none;
text-align: left;
}
to
.tablepress td {
padding: 8px !important;
border: none;
background: none;
text-align: left;
}
You can then also remove all the other lines that try to change padding from all the other CSS selectors.
Regards,
Tobias
