Issues with centering the table AND header

So, I will say at the outset that I know just enough about WordPress to be dangerous. So, apologies in advance if I am missing something simple.

I only do very basic things with Tablepress (just found this plugin a week or so ago) and then use the shortcode to put it on a page.

The problem I am having with this is that I would like to have the table either centered or take up the width of, I guess, “the container”. I found the following in a search here and added it:

.dataTables_wrapper .tablepress {
  margin: 0 auto 1em !important;
}
.tablepress {
  width: auto;
}

This centers the table, but the header is offset to the left. Could not find anything to fix that. But what I noticed that is interesting is that when I refresh the page, for a very brief moment or two, the table does take up the full width and the header is correct. Then it “breaks”. Also, when I “untick” the option that says the first row is the header, it will then look spot on to what I am trying to do.

I know where to put CSS, but not how to figure out all of the correct CSS to do things. If anyone could help me with this, I would greatly appreciate it.

Thanks!

Mike

The page I need help with: [log in to see the link]

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer