CSS don’t work on new tables

  • Resolved pippolinooo

    (@pippolinooo)


    7 years, 7 months ago

    Hi,
    I am using Tablepress for a long time and it worked great. But at the last tables that I created, I can’t customize them with CSS. Also when I change the CSS of old tables, it don’t work.
    I already cleared the cache, tried it with other themes, on other pages. But it still don’t work…
    Can anybody help me?

    Thank you!

Viewing 14 replies - 1 through 14 (of 14 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your question, 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

    Thread Starter pippolinooo

    (@pippolinooo)

    Website

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for the link. From what I can see, the CSS code is in the CSS file https://subwoofer-tester.de/wp-content/tablepress-combined.min.css in the correct way. However, that file is not properly loaded. I assume that this is caused by the way how the wpfc-minify plugin that you are using is caching this. Can you try again after temporarily deactivating that plugin?

    Regards,
    Tobias

    Thread Starter pippolinooo

    (@pippolinooo)

    Hi,

    ok did it. But the problem isn’t gone :/
    Do you have another idea? ??

    Thank you!

    Regards,
    Pippo

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    ok, thanks. Could you maybe elaborate, which CSS code for the page on this table is not working? From what I can see, things like the border or background color of the first column work fine?

    Regards,
    Tobias

    Thread Starter pippolinooo

    (@pippolinooo)

    Hi,

    here is the code, that doesn’t work:

    .tablepress-id-6,
.tablepress-id-6 tr,
.tablepress-id-6 tbody td,
.tablepress-id-6 thead th,
.tablepress-id-6 tfoot th,
.tablepress-id-90,
.tablepress-id-90 tr,
.tablepress-id-90 tbody td,
.tablepress-id-90 thead th,
.tablepress-id-90 tfoot th,
.tablepress-id-91,
.tablepress-id-91 tr,
.tablepress-id-91 tbody td,
.tablepress-id-91 thead th,
.tablepress-id-91 tfoot th,
.tablepress-id-92,
.tablepress-id-92 tr,
.tablepress-id-92 tbody td,
.tablepress-id-92 thead th,
.tablepress-id-92 tfoot th,
.tablepress-id-93,
.tablepress-id-93 tr,
.tablepress-id-93 tbody td,
.tablepress-id-93 thead th,
.tablepress-id-93 tfoot th,
.tablepress-id-94,
.tablepress-id-94 tr,
.tablepress-id-94 tbody td,
.tablepress-id-94 thead th,
.tablepress-id-94 tfoot th {
	border: 1px solid #E4E4E4;
}
.tablepress-id-6 .row-1 .column-2,
.tablepress-id-6 .row-1 .column-3,
.tablepress-id-6 .row-1 .column-4,
.tablepress-id-90 .row-1 .column-2,
.tablepress-id-90 .row-1 .column-3,
.tablepress-id-90 .row-1 .column-4,
.tablepress-id-91 .row-1 .column-2,
.tablepress-id-91 .row-1 .column-3,
.tablepress-id-91 .row-1 .column-4,
.tablepress-id-92 .row-1 .column-2,
.tablepress-id-92 .row-1 .column-3,
.tablepress-id-92 .row-1 .column-4,
.tablepress-id-93 .row-1 .column-2,
.tablepress-id-93 .row-1 .column-3,
.tablepress-id-93 .row-1 .column-4,
.tablepress-id-94 .row-1 .column-2,
.tablepress-id-94 .row-1 .column-3,
.tablepress-id-94 .row-1 .column-4 {
	text-align: center;
	vertical-align: middle;
}
.tablepress-id-6 .column-1,
.tablepress-id-90 .column-1,
.tablepress-id-91 .column-1,
.tablepress-id-92 .column-1,
.tablepress-id-93 .column-1,
.tablepress-id-94 .column-1 {
	vertical-align: middle;
	text-align: center;
	background-color: #f4f4f4 !important;
}
.tablepress-id-6 .row-1 .column-2,
.tablepress-id-6 .row-1 .column-3,
.tablepress-id-6 .row-1 .column-4,
.tablepress-id-6 .row-2 .column-2,
.tablepress-id-6 .row-2 .column-3,
.tablepress-id-6 .row-2 .column-4,
.tablepress-id-6 .row-3 .column-2,
.tablepress-id-6 .row-3 .column-3,
.tablepress-id-6 .row-3 .column-4,
.tablepress-id-6 .row-4 .column-2,
.tablepress-id-6 .row-4 .column-3,
.tablepress-id-6 .row-4 .column-4,
.tablepress-id-6 .row-5 .column-2,
.tablepress-id-6 .row-5 .column-3,
.tablepress-id-6 .row-5 .column-4,
.tablepress-id-6 .row-6 .column-2,
.tablepress-id-6 .row-6 .column-3,
.tablepress-id-6 .row-6 .column-4,
.tablepress-id-90 .row-1 .column-2,
.tablepress-id-90 .row-1 .column-3,
.tablepress-id-90 .row-1 .column-4,
.tablepress-id-90 .row-2 .column-2,
.tablepress-id-90 .row-2 .column-3,
.tablepress-id-90 .row-2 .column-4,
.tablepress-id-90 .row-3 .column-2,
.tablepress-id-90 .row-3 .column-3,
.tablepress-id-90 .row-3 .column-4,
.tablepress-id-90 .row-4 .column-2,
.tablepress-id-90 .row-4 .column-3,
.tablepress-id-90 .row-4 .column-4,
.tablepress-id-90 .row-5 .column-2,
.tablepress-id-90 .row-5 .column-3,
.tablepress-id-90 .row-5 .column-4,
.tablepress-id-90 .row-6 .column-2,
.tablepress-id-90 .row-6 .column-3,
.tablepress-id-90 .row-6 .column-4,
.tablepress-id-91 .row-1 .column-2,
.tablepress-id-91 .row-1 .column-3,
.tablepress-id-91 .row-1 .column-4,
.tablepress-id-91 .row-2 .column-2,
.tablepress-id-91 .row-2 .column-3,
.tablepress-id-91 .row-2 .column-4,
.tablepress-id-91 .row-3 .column-2,
.tablepress-id-91 .row-3 .column-3,
.tablepress-id-91 .row-3 .column-4,
.tablepress-id-91 .row-4 .column-2,
.tablepress-id-91 .row-4 .column-3,
.tablepress-id-91 .row-4 .column-4,
.tablepress-id-91 .row-5 .column-2,
.tablepress-id-91 .row-5 .column-3,
.tablepress-id-91 .row-5 .column-4,
.tablepress-id-91 .row-6 .column-2,
.tablepress-id-91 .row-6 .column-3,
.tablepress-id-91 .row-6 .column-4,
.tablepress-id-92 .row-1 .column-2,
.tablepress-id-92 .row-1 .column-3,
.tablepress-id-92 .row-1 .column-4,
.tablepress-id-92 .row-2 .column-2,
.tablepress-id-92 .row-2 .column-3,
.tablepress-id-92 .row-2 .column-4,
.tablepress-id-92 .row-3 .column-2,
.tablepress-id-92 .row-3 .column-3,
.tablepress-id-92 .row-3 .column-4,
.tablepress-id-92 .row-4 .column-2,
.tablepress-id-92 .row-4 .column-3,
.tablepress-id-92 .row-4 .column-4,
.tablepress-id-92 .row-5 .column-2,
.tablepress-id-92 .row-5 .column-3,
.tablepress-id-92 .row-5 .column-4,
.tablepress-id-92 .row-6 .column-2,
.tablepress-id-92 .row-6 .column-3,
.tablepress-id-92 .row-6 .column-4,
.tablepress-id-93 .row-1 .column-2,
.tablepress-id-93 .row-1 .column-3,
.tablepress-id-93 .row-1 .column-4,
.tablepress-id-93 .row-2 .column-2,
.tablepress-id-93 .row-2 .column-3,
.tablepress-id-93 .row-2 .column-4,
.tablepress-id-93 .row-3 .column-2,
.tablepress-id-93 .row-3 .column-3,
.tablepress-id-93 .row-3 .column-4,
.tablepress-id-93 .row-4 .column-2,
.tablepress-id-93 .row-4 .column-3,
.tablepress-id-93 .row-4 .column-4,
.tablepress-id-93 .row-5 .column-2,
.tablepress-id-93 .row-5 .column-3,
.tablepress-id-93 .row-5 .column-4,
.tablepress-id-93 .row-6 .column-2,
.tablepress-id-93 .row-6 .column-3,
.tablepress-id-93 .row-6 .column-4,
.tablepress-id-94 .row-1 .column-2,
.tablepress-id-94 .row-1 .column-3,
.tablepress-id-94 .row-1 .column-4,
.tablepress-id-94 .row-2 .column-2,
.tablepress-id-94 .row-2 .column-3,
.tablepress-id-94 .row-2 .column-4,
.tablepress-id-94 .row-3 .column-2,
.tablepress-id-94 .row-3 .column-3,
.tablepress-id-94 .row-3 .column-4,
.tablepress-id-94 .row-4 .column-2,
.tablepress-id-94 .row-4 .column-3,
.tablepress-id-94 .row-4 .column-4,
.tablepress-id-94 .row-5 .column-2,
.tablepress-id-94 .row-5 .column-3,
.tablepress-id-94 .row-5 .column-4,
.tablepress-id-94 .row-6 .column-2,
.tablepress-id-94 .row-6 .column-3,
.tablepress-id-94 .row-6 .column-4 {
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
}

.tablepress-id-6 .column-1,
.tablepress-id-6 .column-2,
.tablepress-id-6 .column-3,
.tablepress-id-6 .column-4,
.tablepress-id-90 .column-1,
.tablepress-id-90 .column-2,
.tablepress-id-90 .column-3,
.tablepress-id-90 .column-4,
.tablepress-id-91 .column-1,
.tablepress-id-91 .column-2,
.tablepress-id-91 .column-3,
.tablepress-id-91 .column-4,
.tablepress-id-92 .column-1,
.tablepress-id-92 .column-2,
.tablepress-id-92 .column-3,
.tablepress-id-92 .column-4,
.tablepress-id-93 .column-1,
.tablepress-id-93 .column-2,
.tablepress-id-93 .column-3,
.tablepress-id-93 .column-4,
.tablepress-id-94 .column-1,
.tablepress-id-94 .column-2,
.tablepress-id-94 .column-3,
.tablepress-id-94 .column-4 {
	max-width: 100px;
}
    Geoffrey Shilling

    (@geoffreyshilling)

    Volunteer Moderator

    @pippolinooo, Please be patient and do not continue posting when your responses do not show up. You should see a message if they are flagged for pending or spam. If that is the case, they will be reviewed by a forum moderator before being approved. The moderators are all volunteers and we get to things as quickly as we can. The more times you post, the longer it takes to clean those up.

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    which of this CSS code specifically? It seems to be working fine for me.
    Can you maybe post a screenshot of what you see?

    Regards,
    Tobias

    Thread Starter pippolinooo

    (@pippolinooo)

    @geoffreyshilling Sorry I didn’t know that!
    @tobiasbg here you find it Link to pictures

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for the picture. I still don’t see what’s missing. The left column has the gray background, everything is centered, and the border between the lines is also there. This is what your CSS code is supposed to do.

    Regards,
    Tobias

    Thread Starter pippolinooo

    (@pippolinooo)

    Hi,

    yes the first picture is how it should look like.

    And the second picture is how it acutally looks. I want that the second table looks like the first. The ID of the first table is 1 and the 2nd picutre has the ID 6.

    Regards,
    Pippo

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    but the second table has this styling for me as well…
    It has the border lines and the first column has the background.

    Could this be some local caching issue on your computer? Does it work in a “Private” browser session or in a different browser?

    Regards,
    Tobias

    Thread Starter pippolinooo

    (@pippolinooo)

    I cleared my browser cache and it works.

    Thank you very much! You are awesome ?? ??

    Wish you the best,
    Philipp

    • This reply was modified 7 years, 7 months ago by pippolinooo.
    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    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!

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘CSS don’t work on new tables’ is closed to new replies.