[Plugin: WP-Table Reloaded] changing text color in certain cells

Hi John,

yes, that’s possible.
I suggest that you take a look at the plugin FAQ page at https://tobias.baethge.com/wordpress-plugins/wp-table-reloaded-english/faq/ where you can find example code for this, especially in the answer to the question “How can I highlight certain cells or their content?”.

Regards,
Tobias

Sorry Tobias ,I have tried to do this and still have failed.
Its the text I want to change to red and Bold.

https://indalobowlingclub.com.

In the Vikings, Musketeers, Trojans and Eaggles Table I want

B1 E1 B6 E6. To be bold and red.

Can you help please
Thanks so much John

Hi John,

ok, for that, the CSS code would be

.wp-table-reloaded-id-5. row-1 .column-2,
.wp-table-reloaded-id-5. row-1 .column-5,
.wp-table-reloaded-id-5. row-6 .column-2,
.wp-table-reloaded-id-5. row-6 .column-5,
.wp-table-reloaded-id-6. row-1 .column-2,
.wp-table-reloaded-id-6. row-1 .column-5,
.wp-table-reloaded-id-6. row-6 .column-2,
.wp-table-reloaded-id-6. row-6 .column-5,
.wp-table-reloaded-id-7. row-1 .column-2,
.wp-table-reloaded-id-7. row-1 .column-5,
.wp-table-reloaded-id-7. row-6 .column-2,
.wp-table-reloaded-id-7. row-6 .column-5,
.wp-table-reloaded-id-8. row-1 .column-2,
.wp-table-reloaded-id-8. row-1 .column-5,
.wp-table-reloaded-id-8. row-6 .column-2,
.wp-table-reloaded-id-8. row-6 .column-5 {
  font-weight: bold !important;
  color: #ff0000 !important;
}

Another solution would be to wrap the text in a <span> element, like <span class="red-bold">Rink One</span>, as mentioned in the FAQ and then use the shorter CSS

.wp-table-reloaded .red-bold {
  font-weight: bold !important;
  color: #ff0000 !important;
}

Regards,
Tobias

Hello Tobias.

I have inserted the code but it still dont work.

Could you look at it for me please.

John

I’m having a similar problem. I’m trying to change the background color in the table at https://iareia.org/wordpress/?page_id=109 from the light gray to match the color flanking right and left. So, under “Custom CSS”, under Plugin Options, I entered:
.wp-table-reloaded-id-1 .row-1 td {
background-color: #EDEDDC!important; }
}

This appears to have no effect. Once I can control color, I’ll move on to correcting the formatting of the bullet lists.

Hi John,

oh sorry, there’s a typo in the code I gave you, and then I copied that typo to every row without noticing.
The dot (.) after each .wp-table-reloaded-id-123 needs to be moved one position to the right, just before the row- part, like

.wp-table-reloaded-id-5 .row-1 .column-2,

Can you try that?

@alietzow: The reason for this is that the first row in your table is a table head row. Just uncheck the “Table Head” checkbox below the table input fields on its “Edit” screen, and the code will work as expected.

Regards,
Tobias

Hi Tobias
I have moved the point over one space and unticked the table header box in the Table styling and it still dont work

Could you check it for me please.

Thanks John

Hi Tobias.

All Sorted Thanks a lot John

Hi John,

great to see that this works now! ?? Thanks for the confirmation!

Best wishes,
Tobias