# WordPress.org

## WOW Slider[resolved] Slides drop after animation and is added somehow (8 posts)

1. Carnage
Member
Posted 2 years ago #

Hi,
I have added about 5 slides to the wowslider and when a slide completes its sideways animation the slide drops slighty and shows an icon in the top-right. I have this icon assigned in some css for

list members, bullet points in effect.
I have the wowslider shortcode as the very first thing in my page and there is not html\text above the shortcode, certainly not a

I have two screenshots but I can't find a way of uploading them on this post, is this possible or do you have an email address please?

Many thanks,
Steven

2. WOWSlider.com
Member
Plugin Author

Posted 2 years ago #

It seems that WOWSlider has a conflict with other element of your page. Please send us a direct link to your page with a problem, so we can check it.
Email address of customer support is support [at] wowslider [dot] com. You can find it on our website.

3. Carnage
Member
Posted 2 years ago #

Hi, sorry I've had to set the site up live and its not really ready yet.

If you to http://www.8thpillar.com/ you will see the slider on this home page

Thanks

4. WOWSlider.com
Member
Plugin Author

Posted 2 years ago #

I have just checked your page and found several problems. All of them are caused by conflict with "style.css" file:

1) Main images jump during the transition.
Solution:
Open "style.css" file in any text editor (for example, Notepad), find the following lines:

.hentry ul li i,
.comment-text ul li i {
display: 				inline-block;
width: 					12px;
height: 					12px;
margin-right: 			10px;
margin-left: 			-20px;
background: 			transparent url(http://localhost:8080/8thPillar/wp-content/themes/montezuma/images/icons.png) -60px -48px no-repeat;

}

Line height: 12px; causes the problem.

2) Bullets have a strange effect on mouse over and when switching.
Solution:
Open "style.css" file in any text editor (for example, Notepad), find the following lines:

a,
.widget > h3,
.widget > h3 i,
.ed_button,
#submit,
.firstpart,
.commentlist li > div,
.commentlist .avatar {
transition: 			all 0.5s ease-out;
-webkit-transition: 	all 0.5s ease-out;
-moz-transition: 		all 0.5s ease-out;
-o-transition: 		all 0.5s ease-out;
}

Animation effect will be applied to all "a" tags on your page. It's not good idea to add global styles, when you use modules from different developers. Conflict is a natural result in this case. Bullets use "a" too, so you see this effect. To fix this problem you can remove "a," from the code above.

3) Thumbnail images are not at the center of frame and have grey border.
Solution:
Open "style.css" file in any text editor (for example, Notepad), find the following lines:

body.page .hentry img,
body.single .hentry img {
border: 				solid 1px #dddddd;
}

Global styles again... You should remove both "padding" and "border" parameters.

5. Carnage
Member
Posted 2 years ago #

Hi, thanks for the detailed response.
I have made the updates you have suggested and the slider looks much better. I can't find any adverse problems elsewhere either.
Again, thanks.

6. WOWSlider.com
Member
Plugin Author

Posted 2 years ago #

You're welcome.

7. katzka
Member
Posted 2 years ago #

Hi
I have wow slider installed in 2 exactly similar wp sites
one in english the other one a wp hebrew installation
the english one works perfectly the hebrew one works but not as he should, the images are jumping the transition is not perfect
this is the link for the hebrew site
http://www.whaniwool.com/shani
The difference between wp english and hebrew installation is the rtl dirrection of the hebrew
Can you please have a look and an advise to me? how to make it perfect in hebrew?
Thanks a lot

8. WOWSlider.com
Member
Plugin Author

Posted 2 years ago #

Try to insert WOWSlider shortcode into DIV container with LTR direction. For example:

<div style="direction: ltr;">
[wowslider id="1"]
</div>

This topic has been closed to new replies.