Bug – Glider (fade)

  • Resolved mkscreatives

    (@mkscreatives)


    3 years, 2 months ago

    Link to issue: https://i.imgur.com/IExvx9h.png

    There seems to be an issue with the Fade Glider, I’ve made sure to add a white background to the columns and I’ve even gone as far as testing it directly on the Widget (E.g. I added white background to the text itself) however no matters what I try I can’t seem to get it to not display the other slides when using “Fade”.

    Plugins -Elementor + Pro + OoohBoi Steroids for Elementor.
    Link to plugin screenshot: https://i.imgur.com/myIydnZ.png

    Theme – Hello Elementor

    Also, thank you in advance for such an awesome plugin, #1 OoohBoi best plugin Multiverse.

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter mkscreatives

    (@mkscreatives)

    View post on imgur.com

    Seems that the slides aren’t fully going to 0 opacity.

    Using follow on the section, it seems to fix it.

    selector .swiper-slide:not(.swiper-slide-active) {
    opacity: 0 !important;
    }

    Plugin Contributor Oooh Boi

    (@ooohboi)

    One question…
    Did you possibly add the background color to your slides (columns) as a Global color? I’ve noticed some strange behaviour with regards to Global colors recently so I was just wondering…
    Anyhow, here’s the importable Glider test file. Unzip and import the JSON like any other Elementor template. I just gave it try (exactly the same file), and on my end, it all looks good with the “Fade” transition type.
    Could you please check it out? Thanks, buddy!

    Thread Starter mkscreatives

    (@mkscreatives)

    I ran a test with your Glider, and it works fine. I checked your settings against mine and I’m not seeing anything different. I tried copying just the section in question across to different installs same issue.

    Copy of my json – https://mkscreatives.com/wp-content/uploads/2021/09/slider-issue.zip

    I’ve fixed it using that selector code, works fine. However, figured I’d share the file.

    I’d love to share the site in question, however, I don’t want to share in a public forum.

    Forgot to add, that 2nd section in your json is damn awesome I’ve been trying to workout how I could do that.

    Like always you are awesome.

    • This reply was modified 3 years, 2 months ago by mkscreatives.
    Plugin Contributor Oooh Boi

    (@ooohboi)

    OK, so there must be a little something that affects the opacity. I can’t know what exactly, maybe some code glitch.
    Did you try to build the Glider content from scratch? I know it might be a pain in the ass but it’ll either prove that there was a glitch or fix it up ??

    The test Glider that I provided, section 2 shows how to control the Glider via the custom class name. I.e. every button has a class name that corresponds to the slide number.
    Beware, if there are multiple Gliders on the page, all of them will be affected by the button click. No workaround to the problem – in case that’s your next question ??

    Plugin Contributor Oooh Boi

    (@ooohboi)

    I’ll just close the topic. …which doesn’t mean you can’t post the follow-up.

    Hi @ooohboi, first of all thank you for your great tutorials on youtube and this outstanding addon! I used the Glider with “Transition type: Fade”. When I watch my site all the Slides kind of run through before the firts Slide is shown. I was hoping that the last update will fix this, but it is still happening.

    What can I do?

    Plugin Contributor Oooh Boi

    (@ooohboi)

    Two things I can suggest right off the bat:
    1) use the “Hello Elementor” theme (at least temporarily)
    2) check your page in the Browser Console for any JS error(s)

    @ooohboi , thanks for the quick answer!

    I’m using the “Hello Elementor” Theme anyway.

    And there is no JS error…

    Any other idea?

    Regards

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Bug – Glider (fade)’ is closed to new replies.