Slideshow Sections - Will Not Display Images :/

Topic summary

A Shopify store owner reports that slideshow sections across their website are displaying blank white spaces instead of images. The issue began approximately one day ago and affects all pages with slideshow sections.

Troubleshooting attempts (unsuccessful):

  • Clearing browser caches and testing on different devices
  • Using different images from the existing library
  • Uploading new images
  • Adding new slideshow sections
  • Creating new page templates with slideshows

Proposed solution:
A community member suggests adding custom CSS code to the theme.css file to force slideshow images to display by setting opacity to 1. The responder includes a code snippet and screenshot showing the expected result.

Status: The issue remains unresolved pending the original poster’s attempt of the CSS fix.

Summarized with AI on November 1. AI used: claude-sonnet-4-5-20250929.

Hi all – I’m having a problem with my Shopify website (www.lociwatch.com). None of the Slideshow sections are showing their images, only blank white spaces. This is happening on all pages that have a Slideshow section. They were functioning properly until about yesterday when I noticed the problem.

So far I’ve tried:

  1. Clearing browser caches, viewing from someone else’s computer, etc.
  2. Using other images from my current Shopify image library
  3. Uploading new images
  4. Adding a new Slideshow section to existing pages
  5. Creating a new page template and added a Slideshow to that

…But always have the same issue. Empty white box where the Slideshow image should be :confused:

Little help please? Thanks in advance for any ideas or suggestions!

Hi @Loci_Watch_Co

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file theme.css and add this code at the end of the file

.slideshow__slide .hero__image {
    opacity: 1 !important;
}

Result:

Best,

Liz