TablePress Custom CSS not being applied about tablepress

[TobiasBg]

Hi,

thanks for your post, and sorry for the trouble.

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

[ollly1363]

This is the code I tried:

.tablepress td,
.tablepress th {
text-align: center;
vertical-align: middle;
}

[ollly1363]

Hi Tobias, I'm a novice at WordPress. I'll put the table on a sample page as I've been working on it only previewing on the actual page. I'll do that now.

[ollly1363]

Here's a test page with the table in question, I will re-apply the custom CSS now.

http://www.scalepreventionusa.com/792-2/ ‎

Thanks in advance.

[ollly1363]

I did the following as I don't want to text align center on all of my tables:

.tablepress td,
.tablepress th {
vertical-align: middle;
}

[ollly1363]

I'd also like to make the table background #ffffff

[TobiasBg]

There are several issues here:

Please don't add extra table HTML into the cells (like that <td valign="middle"></td>.
Also, text (in the third column) should not be wrapped in <h4> tags. Those are for headings only.

To set the background color, just uncheck the "Alternating row colors" checkbox for the table.

To then vertically align the cell, please use this "Custom CSS":

.tablepress tbody td,
.tablepress thead th {
  vertical-align: middle;
}

[ollly1363]

Understood, thanks, it's great when you know how! The was me experimenting to see if I could get that done. I'm more familiar with html than anything else. Regarding the

tags I did that as I wanted to easily use that particular style, what should I use as an alternative?

[ollly1363]

I don't know why that posted as bold?

[TobiasBg]

It posted as bold as you did not escape the <h4> tags. You can of course keep using those, but it might be better to assign the desired font style to the cells, in the same way as you assign the alignment.

[ollly1363]

OK great, thanks for your help Tobias

[ollly1363]

How about cell padding?

[TobiasBg]

Padding can be set e.g. like this:

.tablepress tbody td,
.tablepress thead th {
  padding: 20px;
}

[ollly1363]

Thanks, and how do I limit this to one table so I don't mess up the other tables on the site?

[TobiasBg]

For that, you'd use the ID-based CSS selectors, see https://tablepress.org/faq/css-selectors/

[DXDWXIKI]

hi TobiasBg'
i also have this same issue.
I just changed the font size of table by adding this CSS:

.tablepress tbody td {
font-size: 15px;
}

But this code is working on Desktop, Not in Mobile.

[TobiasBg]

Hi @DXDWXIKI,

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