• Resolved Hockeyguy1925

    (@hockeyguy1925)


    Hi Tobias,
    Thanks for the great update to an amazing plugin. Updated to TP 1.5 – made a change in my custom css which looks like

    .dataTables_filter {
    	float: center;
    	padding: 10px;
    	text-align: center;
    }
    
    .tablepress thead th,
    .tablepress tfoot th {
    	background-color: #92acbb;
    	color: #fdfdfd;
    }
    
    .dataTables_scrollBody .tablepress thead th:after {
    	content: "";
    }
    
    .dataTables_wrapper .sorting div:after,
    .dataTables_wrapper .sorting_asc div:after,
    .dataTables_wrapper .sorting_desc div:after {
    	content: "";
    }
    
    .dataTables_wrapper .sorting,
    .dataTables_wrapper .sorting_asc,
    .dataTables_wrapper .sorting_desc {
    	padding-right: 8px;
    }
    
    .tablepress-id-33 .row-83 td,
    .tablepress-id-33 .row-165 td,
    .tablepress-id-33 .row-211 td,
    .tablepress-id-33 .row-224 td,
    .tablepress-id-36 .row-39 td,
    .tablepress-id-36 .row-104 td,
    .tablepress-id-38 .row-1 td,
    .tablepress-id-38 .row-20 td,
    .tablepress-id-38 .row-33 td,
    .tablepress-id-38 .row-53 td,
    .tablepress-id-38 .row-72 td,
    .tablepress-id-38 .row-92 td,
    .tablepress-id-38 .row-112 td,
    .tablepress-id-38 .row-132 td,
    .tablepress-id-38 .row-146 td,
    .tablepress-id-38 .row-163 td,
    .tablepress-id-38 .row-174 td,
    .tablepress-id-38 .row-193 td,
    .tablepress-id-38 .row-195 td,
    .tablepress-id-38 .row-197 td,
    .tablepress-id-39 .row-1 td,
    .tablepress-id-39 .row-3 td,
    .tablepress-id-39 .row-5 td,
    .tablepress-id-40 .row-1 td,
    .tablepress-id-40 .row-5 td,
    .tablepress-id-40 .row-9 td,
    .tablepress-id-40 .row-11 td,
    .tablepress-id-40 .row-14 td,
    .tablepress-id-40 .row-18 td,
    .tablepress-id-40 .row-22 td,
    .tablepress-id-40 .row-24 td,
    .tablepress-id-40 .row-26 td,
    .tablepress-id-40 .row-28 td,
    .tablepress-id-40 .row-30 td {
    	background-color: #92acbb !important;
    	color: #fdfdfd;
    	font-weight: 700;
    	vertical-align: middle;
    }
    
    .tablepress-center .column-2,
    .tablepress-center .column-3,
    .tablepress-center .column-4,
    .tablepress-center .column-5,
    .tablepress-center .column-6,
    .tablepress-center .column-7,
    .tablepress-center .column-8,
    .tablepress-center .column-9 {
    	vertical-align: middle;
    	text-align: center;
    }

    Turns into this after save:

    .dataTables_filter {
    	float: center;
    	padding: 10px;
    	text-align: center;
    }
    
    .tablepress thead th,
    .tablepress tfoot th {
    	background-color: #92acbb;
    	color: #fdfdfd;
    }
    
    .dataTables_scrollBody .tablepress thead th:after {
    	content:

    Ive checked in all major browsers and get the same result.
    Cleared all history, cache and have closed and restarted browswers.

    Suggestions?

    Also how do I remove sorting arrows in 1.5 as described here:
    https://wordpress.org/support/topic/sorting-arrows-1?replies=9
    Its seems as the described way in above link no longer works.

    Thanks Tobias.

    https://wordpress.org/plugins/tablepress/

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

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    I can confirm that issue with the “Custom CSS” not saving completely, but being cut off after the content:. I don’t know why that happens though, and I’ll need to investigate it in detail.

    Meanwhile, the CSS code in that link will indeed no longer work, as the sorting arrows are added in a slightly different way, which also requires different CSS.

    After I fix the issue with the content: from above, this “Custom CSS” should work for you:

    .dataTables_filter {
    	padding: 10px;
    	text-align: center;
    }
    
    .tablepress thead th,
    .tablepress tfoot th {
    	background-color: #92acbb;
    	color: #fdfdfd;
    }
    
    .tablepress .sorting,
    .tablepress .sorting_asc,
    .tablepress .sorting_desc {
    	padding-right: 8px;
    }
    
    .tablepress .sorting:after,
    .tablepress .sorting_asc:after,
    .tablepress .sorting_desc:after {
    	content: "";
    }
    
    .tablepress-id-33 .row-83 td,
    .tablepress-id-33 .row-165 td,
    .tablepress-id-33 .row-211 td,
    .tablepress-id-33 .row-224 td,
    .tablepress-id-36 .row-39 td,
    .tablepress-id-36 .row-104 td,
    .tablepress-id-38 .row-1 td,
    .tablepress-id-38 .row-20 td,
    .tablepress-id-38 .row-33 td,
    .tablepress-id-38 .row-53 td,
    .tablepress-id-38 .row-72 td,
    .tablepress-id-38 .row-92 td,
    .tablepress-id-38 .row-112 td,
    .tablepress-id-38 .row-132 td,
    .tablepress-id-38 .row-146 td,
    .tablepress-id-38 .row-163 td,
    .tablepress-id-38 .row-174 td,
    .tablepress-id-38 .row-193 td,
    .tablepress-id-38 .row-195 td,
    .tablepress-id-38 .row-197 td,
    .tablepress-id-39 .row-1 td,
    .tablepress-id-39 .row-3 td,
    .tablepress-id-39 .row-5 td,
    .tablepress-id-40 .row-1 td,
    .tablepress-id-40 .row-5 td,
    .tablepress-id-40 .row-9 td,
    .tablepress-id-40 .row-11 td,
    .tablepress-id-40 .row-14 td,
    .tablepress-id-40 .row-18 td,
    .tablepress-id-40 .row-22 td,
    .tablepress-id-40 .row-24 td,
    .tablepress-id-40 .row-26 td,
    .tablepress-id-40 .row-28 td,
    .tablepress-id-40 .row-30 td {
    	background-color: #92acbb !important;
    	color: #fdfdfd;
    	font-weight: 700;
    	vertical-align: middle;
    }
    
    .tablepress-center .column-2,
    .tablepress-center .column-3,
    .tablepress-center .column-4,
    .tablepress-center .column-5,
    .tablepress-center .column-6,
    .tablepress-center .column-7,
    .tablepress-center .column-8,
    .tablepress-center .column-9 {
    	vertical-align: middle;
    	text-align: center;
    }

    In the meantime, you could put this directly into the wp-content/tablepress-custom.css file and delete the tablepress-combined.css and tablepress-custom.min.css files.

    Regards,
    Tobias

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    quick update: I have identified the bug that caused this (a stupid copy/paste error…) and was able to fix it. I’ll release TablePress 1.5.1 shortly, which will include the fix, so that your “Custom CSS” will then work again.

    Thanks again for reporting this and sorry for any inconvenience that this caused!

    Regards,
    Tobias

    Thread Starter Hockeyguy1925

    (@hockeyguy1925)

    Thanks for the update to this Tobias. It resolved the issue. I will now close this.

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    great! Thanks a lot for the confirmation!

    Best wishes,
    Tobias

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Custom CSS’ is closed to new replies.