CSS to affect content created by other plugins?

It will depend on the CSS the plugin is using, but you can try adding !important to the CSS. For example:

.mycustomclass {
   color: #000 !important;
}

Tablepress uses its own custom CSS.

Your example is very nice, but it only seems to affect things relative to the sidebar, only – not the actual content.

Here is my breakdown, if it helps at all:

Tablepress to make a table. (including CSS)
Post to include the table with shortcode
Posts in Sidebar to include the post which contains the Tablepress

In case you might be curious why I’m doing this, it is a table for sports scores, and the upcoming game to be played. Perhaps there is a better way to accomplish what I’m doing? I don’t know how to do this any other way without duplicating the table, which I’m going to say, is a no go.

Thank you for your reply.

It’s hard to say why it’s not working. It could be something relating to TablePress’s CSS that you need more exact CSS to override. I don’t know TablePress’s CSS but if they’re doing something like:

.tablepress td { font-size: 1em; }

You’d need to do .mycustomclass .tablepress td { font-size: 0.8em; }

Thanks, Cindy… That’s exactly what I needed.

Very much appreciated.