Agnosia Bootstrap Carousel by AuSoft
[resolved] transition makes for jumpy site (3 posts)

  1. jmcdonald001
    Posted 3 years ago #

    Hi the transition between slides is jumpy. I'm using 4 images of exactly the same height, 584px and each time they transition from one image to another there's a little shrink that occurs. It's making for a very jumpy site - not good at all.

    Can you help?

    Sandbox: http://www.mbcsolutions.net/thesis
    Bootstrap: Twitter Bootstrap Plugin (from iControlWP)



  2. Andrés Villarreal
    Plugin Author

    Posted 3 years ago #

    Thanks for your feedback. The jumping is due to the class left being assigned to the next element to be show in the carousel when the transition occurs. The class left has the following style properties defined in your http://mbcsolutions.net/thesis/wp-content/thesis/skins/thesis-blank/css.css file:

    .post_box .left, .post_box .alignleft, .post_box .ad_left {
        margin-bottom: 26px;
        margin-right: 26px;

    So, the solution would be either to remove the line that defines the margin-bottom, or override that property with a new CSS selector (for example, .carousel-inner .item.left { margin-bottom: 0; }). Personally, I think the later is the best practice for this case.

    Please note that this is not a plugin related issue, but a CSS one.

    Thanks again for your comments. Please let me know if this helped you!

  3. Andrés Villarreal
    Plugin Author

    Posted 3 years ago #

    I'm gonna mark the topic as resolved, since the issue is not related to the plugin, but to the theme overwriting its styles.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Agnosia Bootstrap Carousel by AuSoft
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic