When adding several charts or tables to a tab on a WordPress page, the custom css of my theme is randomly ignored and only the native css (of the theme) is used. This is, however, not always the case.

• when creating a new table/chart and inserting it for the first time into a page with the shortcode, it works fine
• when the page is loaded a second time, the css is suddenly reverted to the native css
• this is only the case with code within a div that also has a wpDataTables shortcode; others are fine
• on the link supplied: the tabs "Geboortes", "Huwelijken" and "Overlijdens" contain charts. The latter ("Overlijdens") works, while the two others don't use the correct css.

Is this something that can be solved?

For your information, each chart is built like this:

<div>
<h3 id="name">Title to be displayed</h3>
[wpdatachart id=1]
</div>

With in the custom css a before:: tag setting the icon to be shown for the specific ID. Neither the before:: nor the make-up of the <h3> (which is also in the custom css) show up on 2 of the three pages.

Dear Aleksandar,

you are correct, that is the issue. But not only the icons, it's the complete custom CSS rules: the places where you don't see the icons also don't have the correct make-up (font, underline, colour, etc.). What you see, is what it would be with only the theme CSS. The ones that show the icons and are underlined, also have the custom CSS.

The pages you see are:

- theme: Accelerate Pro (ThemeGrill)

- page builder: SiteOrigin Premium

The items you see that are displayed correctly and that are not charts, are shortcodes calling an ExtendedText widget.

When I added the charts to the first tab, it was ok. The second one too. It's only when I added charts to a third tab, that the first two stopped using the custom CSS.

Kind regards,

Tom

Hi Aleksandar,

thank you for noticing that, I feel a bit stupid now for not seeing it.

I'm quite sure the <span> was added, as I did a copy paste before altering the text. But the tag was indeed missing.

I did a test, added the <span> to the "Geboortes" tab again, and they displayed correctly. However, after doing that the ones on the "Overlijdens" tab (the one that worked correctly before) disappeared.

The issue seems to be in the Tab widget of SiteOrigin - which removes code without me asking it. Not wpDataTables.

I will check with them what's happening.

Kind regards,

Tom