Custom CSS doesn’t apply

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

Hi Tobias,

thanks for your prompt reply, really appreciated.

I can give you the permalink, but the website isn’t online. I’m working in remote at the moment. I don’t know if you can give somehow a look.

Permalink: https://localhost/pocketgrammar/articolo/

Page Preview link: https://localhost/pocketgrammar/articolo/?preview_id=15&preview_nonce=2d34619be2&_thumbnail_id=-1&preview=true

Thak you in advance.

Regards,
Alessandro

Hi,

unfortunately, these URLs will not help, as I can not access your local computer.
I’m afraid that I’ll only be able to take a direct look at this once the site is online, or reachable from the internet. Sorry.

Regards,
Tobias

I have the same problem. I seems the CSS is being filtered.
the URL
800abroad.com

the code I am adding is:
.tablepress-id-2 tbody td {
font-family: sans-serif;
font-size: 10px;
}

I’ve just figured the Custom CSS on the Theme supresses the Custom CSS on the plugin.
So I inserted the code in the “Customize” section of the theme and it worked fine.
Is this the right way to do it?

Hi,

yes, you could do that. This is then probably just a conflict of CSS priorities, i.e. your theme might also contain CSS code that influences table cells.

Regards,
Tobias

Hi,

I have the same problem and have already tried to transfer the code into the theme. But it does not work anyway. The table is played out in my preview but simply not on the website.

I’m a beginner and just a bit overwhelmed.
Here is my CSS:

.tablepress thead th {
background-color: #d40228;
color: #FFFFFF;
font-family: Economica;
}

.tablepress thead .sorting:hover {
background-color: #808080;
}

.tablepress tbody td {
font-family: Economica;
font-size: 16px;
font-weight: bold;
color: #000000;
border-color: gray;
border-width: 1px;
border-style: solid;
}

.tablepress-id-1 tbody .column-10,
.tablepress-id-1 tbody .column-12 {
background-color: #DCDCDC;
}

and here is the website: unicum.tv/standorte

Maybe you can help me out?
What have I done wrong?

Best regards
Kira

Hi Kira,

from what I can see, you are using a plugin to minify and cache CSS files (“wpfc”?).
You will have to clear that plugin’s cache so that the CSS code is loaded. Alternatively, exclude the TablePress CSS file from being minified again (it already is).

Regards,
Tobias

Hi Tobias,

thank you for the fast feedback.
It works.
Thank you very much.
Many Greetings
Kira

Hi,

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

Best wishes,
Tobias