Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 5, 2018 at 10:28 am #1029818
    mobiloclean

    hi everyone,

    i use the akkordeon slider for kind of a faq site where on every klick on a tab a new site opens. The problem is, that the loading animation renews on every page, as on every page there is the akkordeon. There was no way to load content within the akkordeon slider, so this is like a little detour.

    Any ideas maybe to stop or decrease the loading animation?

    thanks in advance and best regards

    November 8, 2018 at 1:52 am #1031047
    Ismael

    Hey mobiloclean,

    Thank you for using Enfold.

    Where can we see the site? Did you enable the theme’s preloader option? Have you tried disabling it?

    Best regards,
    Ismael

    November 8, 2018 at 9:50 am #1031152
    mobiloclean

    Hi Ismael,

    thanks for the reply, you can have a look at the project at https://www.mobiloclean.de/tipps. Does the preloader option is responsible for this as it is just loading a new site every time i click on a tab.

    November 9, 2018 at 6:20 am #1031549
    Ismael

    Hi,

    Thanks for the update. Do you want to disable the animation of the accordion items on page load? If that is so, you can use this css code.

    #top .aviaccordion-preview-title-pos {
    opacity: 1;
    filter: alpha(opacity=100);
}

    Best regards,
    Ismael

    November 9, 2018 at 10:21 am #1031595
    mobiloclean

    Thank you for the reply,

    this works a little bit as it shows the tab + title, but he still loads the colors. Is there a way that it looks like there is no loading animation at all?

    You can check the link, i included your css and its active.

    Best regards

    November 12, 2018 at 6:33 am #1032440
    Ismael

    Hi,

    I see. This should help.

    #top .aviaccordion.av-animation-active .aviaccordion-slide, #top .aviaccordion-title-on-hover .aviaccordion-preview {
    -webkit-transition: none;
    transition: none;
}

    Best regards,
    Ismael

    November 12, 2018 at 9:57 am #1032511
    mobiloclean

    Hi,

    i am sorry but this disables the transition animation ect. It doesnt disable the fade in effect of the colors. I let it active for you to check it out.

    This is all code i use at the moment regarding to this akkordeon slider:

    #top .aviaccordion-preview-title-pos {
    opacity: 1;
    filter: alpha(opacity=100);
}

#top .aviaccordion.av-animation-active .aviaccordion-slide, #top .aviaccordion-title-on-hover .aviaccordion-preview {
    -webkit-transition: none;
    transition: none; !important;
} 

#top .aviaccordion-preview-title-wrap {
    background: rgba(0, 0, 0, 0); !important;
}

#top .aviaccordion {
height: 150px;
}

    Is there maybe anything that interupts oder overrides?

    Thank you very much and best regards.

    November 13, 2018 at 2:14 am #1032846
    Ismael

    Hi,

    Thanks for the update.

    There’s a minor syntax error. This css code should work.

    #top .aviaccordion-preview-title-pos {
    opacity: 1;
    filter: alpha(opacity=100);
}

#top .aviaccordion.av-animation-active .aviaccordion-slide, #top .aviaccordion-title-on-hover .aviaccordion-preview {
    -webkit-transition: none !important;
    transition: none !important;
} 

#top .aviaccordion-preview-title-wrap {
    background: rgba(0, 0, 0, 0) !important;
}

#top .aviaccordion {
	height: 150px;
}

#top .aviaccordion-image {
    opacity: 1 !important;
    transition: none !important;
}

    Best regards,
    Ismael

    November 13, 2018 at 9:16 am #1032905
    mobiloclean

    Hi Ismael,

    absolutely perfect! Thank you now its want we want.

    Thank you very much for looking into it.

    best regards

    November 14, 2018 at 12:36 am #1033279
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘akkordeon slider "loading" animation’ is closed to new replies.