New Landing How can we help? Themeforest Theme Support Joyn Counter elements within tab

Viewing 12 posts - 1 through 12 (of 12 total)
  • Posted in: Joyn
  • #270906
    noxdiurna
    Member
    Post count: 154

    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.

    #271210
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    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

    #273234
    noxdiurna
    Member
    Post count: 154

    Hi, sorry for the late reply.

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

    #274035
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

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

    -Rui

    #274114
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    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

    #274669
    noxdiurna
    Member
    Post count: 154

    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.

    #274999
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    Please add this custom css:

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

    That will fix it.

    – Ed

    #275298
    noxdiurna
    Member
    Post count: 154

    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?

    #275315
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

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

    – Ed

    #277231
    noxdiurna
    Member
    Post count: 154

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

    #277551
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    ok. Will forward again to Ed.

    -Rui

    #277988
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    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

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register