I have one page in my WordPress site with a table that needs to be super compact and simple

Not sure how comfortable you are with programming and such, but in general I would assume that your theme doesn’t let you pick and choose where the table styles get loaded, so the only way to do it would be to disable it from loading the stylesheet that styles the table in question OR insert a new stylesheet that has basic table styles that is designed to only affect that one table.

Option 1 – Disable stylesheet:

Is there a way to tell WordPress to ignore all themes and table styles for just one section of the site?

You can disable certain CSS stylesheets from loading on specific pages, so if by “sections” you mean “pages” then yes. If you have other tables on that same page that need to keep the existing styles, then it gets more complicated.

IF you want to stop a stylesheet from loading on a specific page, you could do something like this:

add_action( 'wp_enqueue_scripts', 'stkxchg301761_remove_css' );
function stkxchg301761_remove_css() {
    if (is_single('SomePageHere')) {
        wp_dequeue_style('StyleHandleHere');
    }
}

This would go in your theme’s functions.php file.

Replace ‘SomePageHere’ with the slug of the page you’re trying to remove the CSS sheet from. Replace ‘StyleHandleHere’ with the handle of the script you’re trying to prevent from loading.

If you don’t know the handle to the script, you can find it by using

var_dump($GLOABLS['wp_styles']); die;

You can put that^ in the same spot as the first code I provided, replacing the “wp_dequeue_style” line. This will make your site spit out all of the styles that are being loaded on that page. Look for the offending stylesheet and it’s handle should be shown right next to it.

Option 2 – Add a new stylesheet

The simpler option would probably be to just load a new stylesheet on top of what’s already there and have it only affect that one table. That would require you to make a new simple stylesheet, then load it only on that specific page. The stylesheet would contain styles that target that specific table. You can use the same code I provided at the top, except replace the “wp_dequeue_style” line with

wp_enqueue_style('my-custom-stylesheet', 'PathToStylesheet');

Replace ‘PathToStylesheet’ with the URL to the new stylesheet on your server.

The stylesheet should then have rules that target your table.

Option 1 – Disable stylesheet:

Option 2 – Add a new stylesheet

Related Posts: