CSS Styling of Front End Displays

The plugin provides flexibility in styling the front-end displays (from shortcodes) via Cascading Style Sheets (CSS). The plugin’s stylesheet, /css/mstw-lm-styles.css, should not be modified. If you do, your changes will be wiped out when the plugin is updated. A better option is add your customizations to a stylesheet named mstw-lm-custom-styles.css, and save it in your theme’s home directory. If such a stylesheet exists, it will be loaded AFTER the plugin’s stylesheet, therefore its selectors and rules will over-ride the plugin stylesheet. The BEST method is to create a child theme, and add this stylesheet there. Then updating your site’s theme will not wipe out your customizations in your child theme.

Generally speaking, a top level table contains a tag like:

<table class="mstw-lm-standings mstw-lm-standings_league-slug">

So front end displays can be styled using selectors based on that tag. Styling examples may be found on the MSTW plugin dev site. It’s not hard to figure out what’s needed by inspecting those examples. Users can receive additional support integrating the plugin with their themes (most issues are CSS issues) by registering for Gold Support.