Hi John,
yes, that’s possible.
I suggest that you take a look at the plugin FAQ page at http://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.
http://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 http://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
