Counter elements within tab

[noxdiurna]

Hi,

I’m having an two issues with tabs asset.

1. I placed counter assets in tabs and it works fine but when I change tab can come back to the one with counter asset in it, I see that the counter font is displayed initially in body class then gets changed to the bigger one (h1?).

I know that in Dante, placing counter asset in tabs didn’t have any issue.

2. I installed a plugin, Visualizer within a tab to display a pie chart. When tab opens, the chart jumps from left to center alignement. I’m not sure if this is an issue with the theme or the plugin.

Thank you in advance for your help.

[Rui Guerreiro – SUPPORT]

Hi,

Can you disable all plugins except the SwiftFramework and Woocommerce and clear the browser cache?
So we can check if it’s a plugin conflict.

After this try to activate only that Pie chart plugin to see what happens.

-Rui

[noxdiurna]

Hi, sorry for the late reply.

I just desactivated all plugins and am still having the same issue.

[Rui Guerreiro – SUPPORT]

Hi,

Will have to forward this situation to the development team so we can have a further look.

-Rui

[Swift Ideas – Ed]

Hi there,

I can’t see the text change issue – which tab is that under? I added some custom css for you to adjust the chart position.

Hope that helps.

– Ed

[noxdiurna]

Hi Ed.

I made a sreencapture video to illustrate the problem.

[video src="http://www.minoeurope.com/files/video/tab.mp4" /]

I’m using very similar assets and contents (except for the chart plugin) on a website with Dante and it doesn’t have the problem.

[Swift Ideas – Ed]

Please add this custom css:

.sf-count-asset .count-number {
    font-size: 60px!important;
}

That will fix it.

– Ed

[noxdiurna]

Hi Ed.

Thank you for your support. That solved the issue with the counter elements.

Once again, I’m not sure if it is anything to do with the theme but do you know how to solve the Visualizer Charts plugin incompatiblity with the tab element?

[Swift Ideas – Ed]

Great. I added some css to fix the chart in my previous check – did that not resolve it?

– Ed

[noxdiurna]

Sorry for late reply. Unfortunately, it doesn’t seem to work as expected.

[Rui Guerreiro – SUPPORT]

ok. Will forward again to Ed.

-Rui

[Swift Ideas – Ed]

Hi there,

Have looked further and tried a number of different things, however unfortunately there is no way to remove that adjustment on the tab load. That is something the chart plugin does to adjust to the space provided, as when the tab is disabled that content is hidden, so it’s unable to accurately position it until it loads. There is some code you can try which may work better, but this would be the only other option:

.tab-content>.active {
    display: block;
    opacity: 1;
    position: relative;
}
.tab-content>.tab-pane {
    display: block;
    opacity: 0;
    position: absolute;
}

– Ed