Carousel only showing one image

Hi @socialsavvyva

Apologies for the delayed response, and thanks for your patience.

What you’re experiencing is typically caused by conflicting CSS in your theme, which can interfere with the layout of the carousel gallery.

I attempted to review the gallery on the page you shared, but it appears the page no longer exists or the link may be incorrect. Could you kindly share a working link to a page where the gallery is currently embedded? Once we have that, we’ll be able to investigate further and provide more accurate guidance.

Thanks in advance, and looking forward to your reply!

Hi @socialsavvyva

Thanks for sharing the page as requested.

After a detailed review, we’ve identified that the carousel issue you encountered—where only one image is showing instead of multiple—is being caused by some conflicting CSS rules from your site’s theme. Specifically, your theme is applying a max-width and automatic margins to almost all inner content elements, which is unintentionally affecting the FooGallery carousel layout.

To fix this and restore the expected carousel behavior, you can add the following custom CSS to your site:

.fg-carousel-inner {
    max-width: unset !important;
    margin-left: unset !important;
    margin-right: unset !important;
}

You can add this snippet either in your FooGallery Settings > Custom JS & CSS -> Custom Stylesheet textr area, or on the WordPress Customizer under Appearance > Customize > Additional CSS or directly into your child theme’s stylesheet if you’re using one.

Once this is added, your carousel should display correctly, showing multiple images as intended.

Thanks.