WordPress.org

Ready to get started?Download WordPress

Forums

WP-Table Reloaded
[resolved] Table Name and Description Change Font Color (8 posts)

  1. Andrewjmarino
    Member
    Posted 1 year ago #

    Oh, sorry to ask but I cannot find it in the FAQs or forum.

    How do I change the font, font color of the table name and description?

    Thanks
    Andrew

    http://www.visitbanteaychhmar.org/prices-and-tour-packages/tour-packages/

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

  2. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi Andrew,

    for that, you can also use "Custom CSS" code.
    Here's an example that will change all table names and descriptions and that you can use as a starting point and adapt:

    .wp-table-reloaded-table-name {
      color: #ff0000;
      font-family: Verdana;
      font-size: 16px;
    }
    
    .wp-table-reloaded-table-description {
      color: #00ff00;
      font-family: Verdana;
      font-size: 12px;
    }

    Regards,
    Tobias

  3. Andrewjmarino
    Member
    Posted 1 year ago #

    Hi Tobias,

    I'm being a bit dumb and I wasn't clear. I actually meant changing the font and color for 1 table only. I've tried various versions of using a 'space' '-' and '.' but can't get it right.
    For example, these do not seem to work.

    .wp-table-reloaded-id-17-table-name {
    color: #ff0000;
    font-family: Verdana;
    font-size: 16px;
    }

    .wp-table-reloaded-id-17 .table-description {
    color: #00ff00;
    font-family: Verdana;
    font-size: 12px;
    }

    Sorry, thanks
    Andrew

  4. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi Andrew,

    ah ok :-)

    That's of course also possible. The CSS classes are just named a little weird, I guess :-/ Please try

    .wp-table-reloaded-table-name-id-17 {
      color: #ff0000;
      font-family: Verdana;
      font-size: 16px;
    }
    
    .wp-table-reloaded-table-description-id-17 {
      color: #00ff00;
      font-family: Verdana;
      font-size: 12px;
    }

    Regards,
    Tobias

  5. Andrewjmarino
    Member
    Posted 1 year ago #

    Thanks. That worked. I had to add !important in the Table Name for the color.

    BTW, what is the CSS for bold? Is it: font-style: Bold;

    .wp-table-reloaded-table-name-id-17 {
    color: #ff0000!important;
    font-family: Verdana;
    font-size: 14px;
    }

    .wp-table-reloaded-table-description-id-17 {
    color: #ff0000;
    font-family: Verdana;
    font-size: 14px;
    }

    Table Reloaded
    User Friendly Plugin + Great Support = Great Plugin :)

    Thanks
    Andrew

    http://www.visitbanteaychhmar.org/prices-and-tour-packages/tour-packages/

  6. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    yeah, that !important might be necessary, depending on your theme's CSS.

    The CSS instruction for bold font is

    font-weight: bold;

    Regards,
    Tobias

  7. Andrewjmarino
    Member
    Posted 1 year ago #

    Thanks for the great plugin and support.
    I'll mark this as resolved.

    Andrew

  8. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    no problem, you are very welcome! :-)

    Best wishes,
    Tobias

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic