Hey @Careys ,
Can I have the link to your store?
Topic summary
Issue: A background image was appearing in the middle of every slide in a Craft theme slideshow, making each slide repeat the same photo.
Context: The store was initially password-protected; a preview link and later password removal enabled inspection. Screenshots of slideshow settings were shared, but the root cause was in custom CSS.
Diagnosis: A custom rule in base.css applied a background image to the global .gradient class, which also affected slideshow elements.
Fix: Narrow the CSS selector to exclude slideshow components:
- Change .gradient to .gradient:not(.slideshow__text)
- This prevents the global background image from being applied inside the slideshow’s text/overlay area while retaining it elsewhere on the site.
Outcome: The change resolved the repeating photo issue. The thread is resolved with a confirmed fix.
Notes: The solution hinges on CSS scoping (using :not() to target elements more precisely). Attachments were supportive (slideshow settings) but the decisive detail was the CSS snippet.