Height issue with WP Carousel

  • anghiran

    (@anghiran)


    10 months, 2 weeks ago

    Hi, everybody! I use WP Carousel free version plugin for numerous sliders in my theme (I develop it from scratch, i.e. I create all files by myself).

    The issue is just after initializing carousels have enormous space below, between captions and pagination bullets, which disappeares only after some slides are scrolled (it jumps to the top). Yes, I found in the forum that the cause of the enormous space is in the plugin lazy-load setting. But I can’t get rid of it as my page contains many carousels, else I have problems with the perfomance – my site is mainly for mobile gadjets.

    I tried to limit carousels height in css. It partially solves the problem, but if a carousel have some slides with short captions, the pagination bullets are so far from the slides and this looks ugly even if without the pagination bullets jumping after having been scrolled.

    Also I disabled preloader in WP Carousel settings, but for some reason it appears all the same and contributes to the image size calculating as it huge!

    Could anybody help me, please?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Pulak Ahmed

    (@pulak00)

    10 months, 1 week ago

    Hi @anghiran,

    We’re sorry to hear that you’re experiencing this issue.

    From your description, it appears that the problem may be related to the lazy loading of images. To help us investigate further, could you please share the URL of the affected page? Additionally, if possible, we would appreciate it if you could provide the theme files so we can replicate the environment in our local setup.

    Your cooperation and understanding are greatly appreciated.

    Wishing you a great day ahead.

    Thank you!

    Thread Starter anghiran

    (@anghiran)

    10 months ago

    Hi @pulak00 , thanks for your reply and sorry for my being late with my reaction. Yes, you can see the issue: guidebarysau.myza.by, for example, if you look at this carousel and make the screen narrower so the caption breaks into more lines: https://skrinshoter.ru/sWp57oCsxUx?a.

    The height of the carousel is determined by the longest image caption. While this is expected behavior, it causes a visual issue when captions vary significantly in length. Sliders with shorter captions display an excessive gap between the caption and the pagination bullets, which looks unbalanced.

    Since there are multiple sliders on the page, I had to set a max-height for the entire slider component via style.css to maintain visual consistency. However, this leads to another issue: in some sliders, the pagination bullets overlap the bottom lines of longer captions, especially in narrow screens.

    Shifting the bullets further down would fix the overlap but increase the empty space in other sliders, which is also undesirable.

    Unfortunately, I can’t share the theme files, but you can easily reproduce the issue by creating a carousel in WordPress with your plugin and adding captions of different lengths under the images (don’t forget to resize the window) .

    Have a nice day and thank you!

    • This reply was modified 10 months ago by anghiran.
    • This reply was modified 10 months ago by anghiran.
    • This reply was modified 10 months ago by anghiran.
    • This reply was modified 10 months ago by anghiran.
Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Height issue with WP Carousel’ is closed to new replies.