WordPress.org

1. Andrewjmarino
   Member
   Posted 7 months 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 7 months 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 7 months 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 7 months 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 7 months 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 7 months 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 7 months ago #
   

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

   Andrew

8. TobiasBg
   Member
   Plugin Author
   Posted 7 months ago #
   

   Hi,

   no problem, you are very welcome! :-)

   Best wishes,
   Tobias

Reply

You must log in to post.