Support » Plugin: MetaSlider » Unwanted resizing occurs when fading to from one slide to another

  • Resolved square_eyes


    All my slider images are 620 x 280.

    I have resizing off and am using the NivoSlider template.

    Smart crop is off and the slider set to my image size.

    Yet when a slide fades to another you can see one resize horizontally. This is especially noticeable fading from a darker slide to a lighter slide, where you see a strip of 1-2 pixels on the right hand side before the lighter slide fades completely in.

    For an example see

    I’m using Firefox on OSX.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Contributor matchalabs


    Hi square_eyes,

    I’m also using FireFox on OSX, but I can’t see what you’re referring to (thanks for the detailed description and link btw – much appreciated!).

    Did you fix the issue and if not could you possibly record a screencast? Does it happen in other browsers?


    Still a problem. I managed to get a well timed screen grab. The dark slide is fading out underneath.

    View post on

    It happens on all slides, but is more obvious with the change of contrast between light and dark.
    It’s like the new slide fades in, horizontally a couple of pixels squashed (or transposed), then comes right just after the transition.

    Plugin Contributor matchalabs


    Hmm, I really can’t see it here sorry, here is a quick screencast (in firefox):

    Could you try flex slider or responsive slides instead? The navigation bullets don’t look quite the same (unless you write some custom CSS), but I’m sure it would get rid of the annoying line and they both offer the same fade effect.


    Here is a screen cast.

    I’ll try your suggestions and see how I go.

    Edit: FlexSlider looks better as there is no obvious black strip. But you can still see the nudge as the new slide locks in to place.

    Edit2: Responsive is the same.

    It’s barely noticeable now. I’ll keep an eye on this thread but am happy with how it is.

    Plugin Contributor matchalabs


    Hi, just took a quick look.

    Your theme CSS is making all of the images 97.5% wide. I reckon this is probably the issue – try adding this to your themes style.css file:

    .metaslider img {
        max-width: 100%;


    Thanks for the help! I ended up using the following on recommendation from a friend.

    .metaslider .slides img {
    width: 100%; max-width:100%; display: block;

    Seems to be static now.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Unwanted resizing occurs when fading to from one slide to another’ is closed to new replies.