Okay
  Public Ticket #1821993
images jumping/shifting right before and after slide transition
Closed

Comments

  • MilehiiMedia started the conversation

    Hello,


    I just created the slideshow above. It has a "flashing" effect when the slide shifts just a little right when it displays and right before the next image displays. I've tried many different settings, tansitions etc. but can't get a smooth transition between slides. Please help!

    Here is the URL:

    https://thedenverhospice.org/our-services/hospice-care/inpatient-care-center-test/

    Is there any way to remove all associated "transitions" for a slide and revert back to the intial settings? I believe the jumping problem came about when I tried to apply one of the standard transitions to all slides. I don't think it was jumping before I did this???


  • [deleted] replied

    Hello MilehiiMedia,

    Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today.

    I would like to confirm that we have received your message. Due to the nature of the issue you are experiencing, I will have to contact and consult with the development team first. I will get back to you as soon as I can.

    We appreciate your patience while we're working towards your ticket.

  • MilehiiMedia replied

    Hello. I recreated the slider making sure to only select a single transition for each slide. It still "jumps", once when the slide first loads and a second time just before a new slide appears. FYI: the preview during editing does not show the jumps. Maybe that will give you a clue as to what's happening. Greatly appreciate your help!

  • [deleted] replied

    Thank you for the feedback. We didn't find anything wrong with the plugin settings, so the issue is likely caused by an external factor. Probably a 3rd party item interfering. The dev team is currently looking into this to find out more. Thank you for your patience.

  • [deleted] replied

    Thank you for your patience. We've managed to locate the issue. There is a custom CSS that is being applied on the slider. Unfortunately it's invalid, so it's causing this problem. 

    If you've tried to apply this CSS yourself, please remove it and use the following code instead: 

    .ls-container { border: 5px solid #82c341; }

    Or in case the theme / theme author generated this, please use the following in the LayerSlider -> Options -> CSS Editor: 

    .ls-layers { border: none !important; }

  • MilehiiMedia replied

    Woo hoo. Thanks for locating that, you saved me a ton of time. I was just about to recreate the slider using a different plugin. Much thanks!!

  • MilehiiMedia replied

    OK, I removed the css and it helped... at least initially. I just changed the font for my text and it's back to flashing again. Although it's not on every slide. For a little bit, there were 2 or 3 slides at the very end that did not flash. Now they all seem to be flashing again. Very odd!!! Please help!

  • MilehiiMedia replied

    Sorry to bug you... now it seems to be OK. I think it was caching and displaying an old version!

  • [deleted] replied

    Thank you for the feedback, glad you could solve the problem. If you need further assistance please let us know.

  • Shawn replied

    Hello Attila.

    I have the same problem described by MilehiiMedia and later addressed by you with some CSS coding remedies. However, I tried your CSS solutions (please see the attached screenshot) and I get a green border around my slideshow.  Please help me get rid of that green border.

    Thank you.

    Shawn

  • [deleted] replied

    Hello Shawn,

    Please open a new ticket for your case. Thank you.