Support » Plugin: Widget CSS Classes » CSS to affect content created by other plugins?

  • Resolved solid7


    I have made a widget that displays a table, which I made using Tablepress. I would like to resize the table so that it all fits in the sidebar. However, even after I define a class for the widget, I can’t seem to figure out how to affect the sizing. Is there a way to make this work? The table has its own custom CSS, and I am trying to add custom CSS to this widget. (I have the “posts in sidebar” plugin)

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Cindy Kendrick


    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.

    Plugin Author Cindy Kendrick


    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.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘CSS to affect content created by other plugins?’ is closed to new replies.