Using these classes in your TablePress tables is very easy. First, you need to figure out the name of the class you want to use.
- For StylePack #1, the CSS class names can be located on this page.
- For StylePack #2, the CSS class names can be located on this page.
For StylePack #1, CSS class names will be something like "plain-table-02" or "grid-table-01" or "list-table-05".
For StylePack #2, CSS class names will be something like "style-pack-02-01" and "style-pack-02-05".
When you have determined the CSS class name, place it in the Extra CSS Classes field on the main table definition page in TablePress.
Finally, place the text of the entire style sheet file in the Custom CSS field located in the Plugin Options menu (TablePress->Plugin Options).
Now, whereever you place the shortcode for this table, it will be styled with the CSS class attributes you selected.
The basic instructions suggested that you paste the entire CSS file into the CSS field in TablePress. But, this file is rather large so it is ok to extract out just the styles you need. Here is how you can do that.
Step 1: The file consists of a header comment section followed by CSS that is used for any class. That CSS looks something like this:
Extract this and place it in an empty text file.
Step 2: Next scroll down till you see the comment with the class name you are interested in. Copy all the lines between the comment with your class name and the next class name comment. Paste it into the text file under the CSS that you have already placed in there.
Step 3: Now, copy the entire contents of your file the Custom CSS field located in the Plugin Options menu (TablePress->Plugin Options).
If you have a regular HTML table, you can assign the CSS class name to the table and then use these style sheets to style those tables as well.
***End of Help Document***