WordPress.org

Ready to get started?Download WordPress

Forums

WP-Table Reloaded
[resolved] changing text color in certain cells (10 posts)

  1. johnhenworth
    Member
    Posted 2 years ago #

    Hello Tobias

    Is there a way of changing individual cell text color.

    I want Rink one and rink two and rink three and rink four to be red please

    http://indalobowlingclub.com/trojans/

    Thank You John

    http://wordpress.org/extend/plugins/wp-table-reloaded/

  2. TobiasBg
    Member
    Plugin Author

    Posted 2 years ago #

    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

  3. johnhenworth
    Member
    Posted 2 years ago #

    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

  4. TobiasBg
    Member
    Plugin Author

    Posted 2 years ago #

    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

  5. johnhenworth
    Member
    Posted 2 years ago #

    Hello Tobias.

    I have inserted the code but it still dont work.

    Could you look at it for me please.

    John

  6. alietzow
    Member
    Posted 2 years ago #

    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.

  7. TobiasBg
    Member
    Plugin Author

    Posted 2 years ago #

    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

  8. johnhenworth
    Member
    Posted 2 years ago #

    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

  9. johnhenworth
    Member
    Posted 2 years ago #

    Hi Tobias.

    All Sorted Thanks a lot John

  10. TobiasBg
    Member
    Plugin Author

    Posted 2 years ago #

    Hi John,

    great to see that this works now! :-) Thanks for the confirmation!

    Best wishes,
    Tobias

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic