User CSS

  • Resolved Alexander Guskov

    (@forcesail)


    9 years, 7 months ago

    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

    (@tobiasbg)

    9 years, 7 months ago

    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

    (@forcesail)

    9 years, 7 months ago

    Yes. It works.
    Thank you!

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    9 years, 7 months ago

    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)

    9 years, 7 months ago

    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.
    tusansan

    (@tusansan)

    9 years, 7 months ago

    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)

    9 years, 7 months ago

    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

    (@tobiasbg)

    9 years, 7 months ago

    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.