[Plugin: WP-Table Reloaded] How to add other styles to tables, I'd like to have redmond ccs-sty

Hi Harald,

you will need to do this:
Find out the necessary CSS commands for your specific styling, i.e. what the colors, fonts, sizes, etc. are in CSS, and to what element of the table they are applied to.
Then, take a look at the CSS styling section in the documentation (https://tobias.baethge.com/wordpress-plugins/wp-table-reloaded-english/documentation/), where you will find the necessary CSS selectors. Additionally, you might want to take a look at the FAQ section for a few examples.
Once you have the code ready, just paste it into the “Custom CSS” textarea on the “Plugin Options” screen. It will then be loaded with your tables.

Best wishes,
Tobias

Hi Tobias,

I don’t get the point, but maybe I am wrong. I want to add this “style-pack” to my tables:
REDMOND:
jQuery

First of all I added the *ccs file to the Plugin Options to the textarea. Tried it out a bit, some things changed, but I am not sure where to upload the *.png’s and other needed files.

Maybe I have to add jQuery as well somehow?!

Harald.

Here’s an example of how far I cam until now:

KAPPRODD STOCKHOM (Tables – Example)

Harald.

Hi,

thanks for the clarification.

I have never myself worked with jQueryUI, so I don’t have any experience with it.

From what I understand though: You will either need to manually add certain CSS classes to the table HTML (which unfortunately is not very easy with my plugin), or, you let the DataTables JavaScript library do that (see https://datatables.net/styling/themes).
For that, just enable the usage of the library on the “Plugin Options” screen and the “Edit” screen of your table.
Then, in the “Custom commands” textfield add this code:

"bJQueryUI": true

The table should then have all necessary CSS classes, so that all that remains to be done is load the CSS and the images.
For that, upload the CSS file and the images you got from ThemeRoller to your server, preferably into your theme’s folder. Then, include the URL to the CSS into a piece of “Custom CSS”, similar to this (where you will need to adjust the URL):

@import "url-to-your-jqueryui.custom.css";

You will not need to load any further jQuery or jQuery-UI JavaScript files, as the plugin does that already.

Best wishes,
Tobias