WordPress.org

Support

Support » Plugins and Hacks » WP-Table Reloaded » [Resolved] [Plugin: WP-Table Reloaded] changing text color in certain cells

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

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author TobiasBg

    @tobiasbg

    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

    Plugin Author TobiasBg

    @tobiasbg

    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.

    Plugin Author TobiasBg

    @tobiasbg

    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

    Plugin Author TobiasBg

    @tobiasbg

    Hi John,

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

    Best wishes,
    Tobias

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘[Resolved] [Plugin: WP-Table Reloaded] changing text color in certain cells’ is closed to new replies.
Skip to toolbar