WordPress.org

Ready to get started?Download WordPress

Forums

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

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

    Cheers,
    John

    http://wordpress.org/plugins/agnosia-bootstrap-carousel/

  2. Andrés Villarreal
    Member
    Plugin Author

    Posted 1 year 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
    Member
    Plugin Author

    Posted 12 months 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

About this Topic