Support » Plugin: TablePress » User CSS

  • Resolved Alexander Guskov

    (@forcesail)


    Hello,
    since I’ve recently added text code to the user css (at the options tab of the plugin) I noticed that I have 4th? 5th, 6th and 7th rows blue in the most of my 20 tables (not at everyone). But I ‘d like to hightlight by blue just in the exact tables. I use the last version of the plugin. What’s wrong?

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

    .tablepress-id-13 .row-4,
    .row-5 td {
    color: blue;
    }

    .tablepress-id-18 .row-6,
    .row-7 td {
    color: blue;
    }

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

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    You will need to use the full selectors everywhere. That means, your second and third block of code need to be changed to

    .tablepress-id-13 .row-4 td,
    .tablepress-id-13 .row-5 td {
      color: blue;
    }
    
    .tablepress-id-18 .row-6 td,
    .tablepress-id-18 .row-7 td {
      color: blue;
    }

    Regards,
    Tobias

    Yes. It works.
    Thank you!

    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!

    tusansan

    (@tusansan)

    Hi Tobias!
    My first column of the table has a red color. But I need to get the first line was black.
    How to do it?
    I used the following “CSS”:

    .tablepress-id-2 .column-1 {
    	color: red;
    }
    
    .tablepress-id-2 .row-1 {
    	color: black;
    }

    But the first cell in the table remains red

    How to fix it?

    Another question:
    How to make the first column in bold “<b> </b>”?

    Thank you!

    • This reply was modified 4 years ago by tusansan.
    tusansan

    (@tusansan)

    I solved the problem by adding color to separate the first cell:

    .tablepress-id-2 .column-1 {
    	text-align: center;
    	font-size: 14px;
    	color: red;
    }
    
    .tablepress-id-2 .row-1 {
    	font-size: 14px;
    	color: #000000;
    }
    
    .tablepress-id-2 .row-1 .column-1 {
    	font-size: 14px;
    	color: #000000;
    }

    The question is relevant for the selected text:
    How to make the first column in bold “<b> </b>”?

    Thank you!

    tusansan

    (@tusansan)

    Problem was solved!
    Full “CSS” has turned out like this:

    .tablepress-id-2 .column-1 {
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    color: red;
    }
    
    .tablepress-id-2 .row-1 {
    font-size: 14px;
    color: # 000000;
    }
    
    .tablepress-id-2 .row-1 .column-1 {
    font-size: 14px;
    color: # 000000;
    }

    Thank you!

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    nice find! Yes, this is correct. To shorten this code, you could replace

    .tablepress-id-2 .row-1 {
      font-size: 14px;
      color: #000000;
    }
    
    .tablepress-id-2 .row-1 .column-1 {
      font-size: 14px;
      color: #000000;
    }

    with just

    .tablepress-id-2 .row-1 th {
      font-size: 14px;
      color: #000000;
    }

    Regards,
    Tobias

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