JaysonP

Apparently it helped with the issue, but does not seem to have solved the issue. I currently use the BeforeAfter plugin with shortcodes within the tabs. Do you think coding it with straight html rather than the shortcodes would work?

I may try to eliminate the short codes within the tabs to see if that can be a solution.

Yes, there is a jquery inside of the tab elements. I am using a BeforeAfter plugin for a comparison slide across two images that are within the tabs.

I went into the code and forced the height & width of the images and therefore the element to what they need to be. It appears to be working at the moment, but I will do a couple more tests in other browsers to be sure that solves the problem.

Thanks for your help, great plugin!

Each tab is loading? Even the ones labeled 48 and higher?

I just tried two separate computers and different browsers and still did not get it to load completely. Got the first 4 or 5 tabs, then blanks the rest of the way.

I don’t see any errors, so I am wondering could this be a connection speed issue? Not sure why, but I can’t explain why you can have all of them load and I cannot. Just tried my mobile connection as well and had the same issue, tabs labelled 00, 03, 06, and 09 loaded correctly but the remainder did not load.

I am using the DataTables JavaScript library.

Once again, this is the current css I have to change the background-color & color for the (sortable) headers:

.wp-table-reloaded th, .wp-table-reloaded .sorting {
  background-color: #A71930!important;
  color: #FDC82F!important;
}

.wp-table-reloaded .sorting_asc, .wp-table-reloaded .sorting_desc {
  background-color: #FDC82F!important;
  color: #A71930!important;
}

As I said I would like to be able to take column’s 9-12 that I have and not display the sorting arrows. Would I have to do each column individually to achieve this, or could I override my current custom css with some form of the following?

.wp-table-reloaded .column 9 th, .wp-table-reloaded .sorting {
  background-color: #A71930!important;
  color: #FDC82F!important;
}

.wp-table-reloaded .column-9 .sorting_asc, .wp-table-reloaded .sorting_desc {
  background-color: #FDC82F!important;
  color: #A71930!important;
}

Sorry, sort of a minor issue but I’m a stickler for having things looking nice.

Thanks… Was able to make all of the changes that I wanted too their.

Now, onto another subject if you don’t mind.

I have 4 columns that I want to not display the sorting arrows on, but still have them remain sortable (small column widths are the problem).

I would think something like this would be what I’m going for:

.wp-table-reloaded .column-11 .header {
	background: #E6EEEE!important;
	cursor: pointer;
}
.wp-table-reloaded .column-11 .headerSortUp {
	background: #3e6a6b!important;
}

.wp-table-reloaded .column-11 .headerSortDown {
	background: #3e6a6b!important;
}

I do already have custom css for the colors & background:

.wp-table-reloaded th, .wp-table-reloaded .sorting {
  background-color: #A71930!important;
  color: #FDC82F!important;
}

.wp-table-reloaded .sorting_asc, .wp-table-reloaded .sorting_desc {
  background-color: #FDC82F!important;
  color: #A71930!important;
}

but this should still be possible to accomplish, what am I missing?