Carousel not displaying in collapsible list

  • dreilly

    (@dreilly)


    2 years, 8 months ago

    I am using the free version of Content View.

    I created a carousel with the plugin Shortcodes Ultimate and inserted in on the page under the “2021 Viewer’s Choice Winners” on the page https://www.gqccc.org/2021-quilt-show/

    I can see the images in the preview when I edit the Content View. But when I view the page the images do not show up, but I can see the controls for the carousel (dots and arrows).

    If I bring up the developer tool console/debugger in Firefox, then the carousel appears in its full glory, even when I close the console.

    I cannot see the images on MS Edge or on my Android mobile (Firefox).

    The Firefox console shows all kinds of errors that I do not know how to interpret.

    The carousel shows up fine if I look at the post by itself (not within the Content View collapsible list): https://www.gqccc.org/2021-views-choice-winners/

    Thanks in advance for any help you can provide,

    Doris

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Content Views

    (@pt-guy)

    2 years, 8 months ago

    Hello,
    Thank you for contacting us.

    In the Collapsible list, the list content is hidden by default.
    So the Carousel by Shortcodes Ultimate can’t calculate the height of container, and it sets zero height for the carousel.

    You can try this CSS to fix:

    
.pt-cv-content .flickity-viewport {height: 300px !important;}

    Hope that helps.

    Best regards,

    Thread Starter dreilly

    (@dreilly)

    2 years, 8 months ago

    Thanks for the quick reply! I added the CSS, and it is better. But now only the last image of the carousel appears 🙁

    Maybe there is another class to accommodate the width?

    Doris

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Carousel not displaying in collapsible list’ is closed to new replies.