Jumping pictures after update to ws 3.1.

Same thing happens to me on one of my sites. I’m not sure what it is. Hopefully WOWslider will answer here.

Hi Jeff, I’m quite sure it has something to do with my self-made theme, because if I choose another theme like twenty ten it works perfectly. Maybe you should give it a try to check if you have an issue with your theme aswell. I have the strange feeling it has something to do with my bullets css. But actually I really don’t know it.

peti-peti,

I have just checked your page:
https://www.optixagency.com

The reason of problem is a conflict with your “style.css” file:
https://www.optixagency.com/wp-content/themes/optixagency4/style.css

Open it in any text editor, find the following lines:

.art-article img, img.art-article, .art-block img, .art-footer img
{
   border-color: #FFFFFF;
   border-style: solid;
   border-width: 0;
   margin: 0 10px 10px 0;
}

Line “margin: 0 10px 10px 0;” causes the problem.

Jeff,

If your slides are jumping, it means that WOWSlider has a conflict with other styles on your page. Please send us a direct link to your webpage with a problem, so we can check it.

Thank you so much for you quick and profound response! Works like a charm again ??

You’re welcome.

Hi,
I love the WowSlider, so I’m bummed it is not woking on this new WP site I’m developing- https://50.97.96.80/~jbradmn/
As you can see, the slides are jerking up and down with the transitions. Could this be a css problem too? I’d love to fix it because the sliders that come with the theme are lame.
thanks!

Having this problem on two new sites using Templatic 5* templates. Can anyone identify what I need to change in the style.css to resolve it. You can see the basic site at https://212.113.128.232/~millport/ Any help much appreciated.

Charles

The problem is caused by a conflict with the following file:
https://212.113.128.232/~millport/wp-content/themes/5Star/library/css/style.css

Find the following lines:
.entry-content audio, .entry-content iframe, .entry-content img, .entry-content object, .entry-content embed, .entry-content video, .comment-text audio, .comment-text iframe, .comment-text img, .comment-text object, .comment-text embed, .comment-text video, .textwidget audio, .textwidget iframe, .textwidget img, .textwidget object, .textwidget embed, .textwidget video { margin-top: 6px; margin-bottom: 6px; }

These margins make slides jump.