Prevent items below slider from moving up and down

  • Resolved erh

    (@erh)


    8 years, 10 months ago

    Hi,

    I’m using the Owl Carousel bundled with Shortcut Ultimate.

    I have a page with a slider with text inside of varying length. The slider is working flawlessly, no issues there. However, all the text and content below the slider moves up and down as the carousel slides in a shorter or longer slide.

    Is there a way to prevent the text below the carousel from moving up and down that doesn’t involve statically setting a height value of the slider in the CSS? Something that auto adjusts to the ‘tallest’ carousel slide, leaving everything below consistent?

    You can see the issue here:

    https://www.practicalnetworking.net/classes/

    Thanks.

    https://www.ads-software.com/plugins/owl-carousel/

Viewing 8 replies - 1 through 8 (of 8 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    it depends on your slider; I just tell clients “make sure all the images are the same height”.

    Thread Starter erh

    (@erh)

    I don’t have that option. The slider is using text that is submitted by users reviewing the classes. Which means I have no control over the text length, and therefore individual slide sizes within the slider.

    Got any other suggestions?

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    Maybe set width to 100% and height to some min-height value that covers most of the cases. I think that combo is responsive to the surrounding container.

    Plugin Author pjehan

    (@pjehan)

    Hello,

    It’s a CSS problem and is not a plugin problem.
    To fix the carousel height, you can add this in your CSS:

    .quotes-slider {
    height: 110px;
}

    Thread Starter erh

    (@erh)

    Hi Pjehan,

    Thanks for the suggestion. But I’m curious where did you get 110px for the value?

    I know I can probably manually override it, but if I happen to add a testimonial that is longer, then I don’t want to also have to continually update the CSS.

    Plugin Author pjehan

    (@pjehan)

    Did you add the autoHeight parameter in your shortcode? Try to set it to false otherwise.

    Thread Starter erh

    (@erh)

    This is the short code i am using:

    [su_content_slider arrows=”hover” pages=”always” autoplay=”4″ class=”quotes-slider”]
    [su_content_slide]

    I didn’t see an option for AutoHeight, where would I set it?

    (thanks again for your help w/ this!)

    Thread Starter erh

    (@erh)

    Oh, I just realized. I’m using a plugin that includes/re-uses owl carousel. That is why the shortcode syntax may be different.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Prevent items below slider from moving up and down’ is closed to new replies.