WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. Carnage
    Member
    Posted 1 year 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

    http://wordpress.org/extend/plugins/wowslider/

  2. WOWSlider.com
    Member
    Plugin Author

    Posted 1 year 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 1 year 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 1 year ago #

    I have just checked your page and found several problems. All of them are caused by conflict with "style.css" file:
    http://www.8thpillar.com/wp-content/uploads/montezuma/style.css

    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,
    .thumb-shadow,
    .firstpart,
    #menu1 i,
    .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 {
    	padding: 				7px;
    	border: 				solid 1px #dddddd;
    }

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

  5. Carnage
    Member
    Posted 1 year 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 1 year ago #

    You're welcome.

  7. katzka
    Member
    Posted 1 year 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 1 year ago #

    Unfortunately, your page is unavailable.

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

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

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic