Title: User CSS
Last modified: October 27, 2016

---

# User CSS

 *  Resolved [Alexander Guskov](https://wordpress.org/support/users/forcesail/)
 * (@forcesail)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/user-css/)
 * 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 [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/user-css/#post-8364412)
 * 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
 *  Thread Starter [Alexander Guskov](https://wordpress.org/support/users/forcesail/)
 * (@forcesail)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/user-css/#post-8364813)
 * Yes. It works.
    Thank you!
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/user-css/#post-8366262)
 * 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](https://wordpress.org/support/plugin/tablepress/reviews/#new-post)
   here in the plugin directory. Thanks!
 *  [tusansan](https://wordpress.org/support/users/tusansan/)
 * (@tusansan)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/user-css/#post-8417853)
 * 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 9 years, 7 months ago by [tusansan](https://wordpress.org/support/users/tusansan/).
 *  [tusansan](https://wordpress.org/support/users/tusansan/)
 * (@tusansan)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/user-css/#post-8417907)
 * 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](https://wordpress.org/support/users/tusansan/)
 * (@tusansan)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/user-css/#post-8417942)
 * 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 [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/user-css/#post-8418748)
 * 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.

 * ![](https://ps.w.org/tablepress/assets/icon.svg?rev=3192944)
 * [TablePress - Tables in WordPress made easy](https://wordpress.org/plugins/tablepress/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/tablepress/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/tablepress/)
 * [Active Topics](https://wordpress.org/support/plugin/tablepress/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/tablepress/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/tablepress/reviews/)

 * 7 replies
 * 3 participants
 * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * Last activity: [9 years, 7 months ago](https://wordpress.org/support/topic/user-css/#post-8418748)
 * Status: resolved