Custom CSS does not apply

Hi,

thanks for your question, and sorry for the trouble.

Which exact “Custom CSS” are you referring to here?

Regards,
Tobias

Hi,
Thanks for your kind reply.
By custom css I mean the one I have inserted into the OPTIONS section of TABLEPRESS plugin.
Thanks.

Hi,

yes, I understand. But which specific CSS? From what I can see, things like colors work fine.

Regards,
Tobias

Hi,
I mean the following code:

.tablepress thead th,
.tablepress tfoot th {
	background-color: #DD0000;
	font-weight: normal;
	color: white;
	vertical-align: middle;
	text-align: center;
}

.tablepress-id-2 tbody td,
.tablepress-id-6 tbody td,
.tablepress-id-7 tbody td,
.tablepress-id-9 tbody td,
.tablepress-id-15 tbody td,
.tablepress-id-16 tbody td,
.tablepress-id-17 tbody td,
.tablepress-id-18 tbody td,
.tablepress-id-19 tbody td,
.tablepress-id-20 tbody td,
.tablepress-id-21 tbody td,
.tablepress-id-22 tbody td,
.tablepress-id-21 tbody td,
.tablepress-id-25 tbody td,
.tablepress-id-26 tbody td,
.tablepress-id-28 tbody td,
.tablepress-id-29 tbody td,
.tablepress-id-30 tbody td,
.tablepress-id-31 tbody td,
.tablepress-id-32 tbody td,
.tablepress-id-33 tbody td,
.tablepress-id-34 tbody td,
.tablepress-id-35 tbody td,
.tablepress-id-36 tbody td,
.tablepress-id-37 tbody td,
.tablepress-id-38 tbody td,
.tablepress-id-39 tbody td,
.tablepress-id-40 tbody td,
.tablepress-id-42 tbody td,
.tablepress-id-43 tbody td,
.tablepress-id-44 tbody td,
.tablepress-id-45 tbody td,
.tablepress-id-46 tbody td,
.tablepress-id-47 tbody td,
.tablepress-id-48 tbody td,
.tablepress-id-49 tbody td,
.tablepress-id-50 tbody td,
.tablepress-id-51 tbody td,
.tablepress-id-52 tbody td,
.tablepress-id-53 tbody td,
.tablepress-id-54 tbody td,
.tablepress-id-55 tbody td,
.tablepress-id-56 tbody td,
.tablepress-id-58 tbody td,
.tablepress-id-59 tbody td,
.tablepress-id-60 tbody td,
.tablepress-id-62 tbody td,
.tablepress-id-63 tbody td,
.tablepress-id-64 tbody td,
.tablepress-id-65 tbody td,
.tablepress {
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
}

Thanks a lot in advance.

Hi,

I just checked again in Google Chrome and this CSS is working fine there.

Regards,
Tobias

Hi,
Thanks for your reply.
No the code is not applied.
As observable in the attached pic, the fields which are specified by a black rectangle are not “center-aligned”. This feature is included in the custom code but is not applied.

Take a look at this pic.

Best,
Omid

Hi,

hhm, weird. The alignment is working fine for me as well…
Can you try a different browser?

Regards,
Tobias

Hi,
Thanks.
You are right.
The problem was my browser’s.
The problem is solved now.
Thanks a lot.
Best,
Omid.

Hi, may I hijack this thread?

I have the same issues with the following custom css which does not get applied.

.tablepress thead th,
.tablepress tfoot th {
	background-color: #555555;
}

Link to table on my site: https://drwolfsherz.net/ewige-liste

Hi Omid,

awesome! Good to hear that it’s working now!

@atndlr:
In your case, the problem is coming from your theme, which is overriding your CSS. To fix that, please change the CSS to

.tablepress thead th,
.tablepress tfoot th {
	background-color: #555555 !important;
}

Best wishes,
Tobias

P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

@tobiasbg Thank you very much! Problem solved.

How did you find out?

Hi,

I inspected the page with the Developer Tools of the browser (I use Chrome). That way, I saw that there is other CSS code that gets precedence.

Regards,
Tobias