Image went darker on a slideshow

Topic summary

A user encountered an issue where slideshow images appeared darker than intended on desktop (but not mobile) on their Shopify store using the Enterprise theme.

Problem Details:

  • Images displayed with unwanted darkening overlay
  • Issue only affected desktop view
  • Located in slideshow section

Solution Provided:
Two community members offered the same CSS fix:

  • Navigate to Edit codemain.css
  • Add the following code at the end of the file:
#template--24656934895961__slideshow .media::after {
    background-color: unset !important;
}

Outcome:
The solution successfully resolved the darkening issue. The problem was caused by an unwanted background overlay on the media element, which the CSS override removed.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.

Hello ! I have the exact same problem that this post :

On my website https://sofareva-literie.myshopify.com/ , the image is going darker than it should, and it’s not the case on mobile. The section is a slideshow.

I tried differents code, none really worked, if someone can give me a quick solution?

My Theme is Enterprise

Thanks !

Hi @Olivier10

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

#template--24656934895961__slideshow .media::after {
    background-color: unset !important;
}

Result

Best,

Liz

Hi @Olivier10 , you can follow these steps:

Step 1: Open Online Store → Themes → Edit code.

Step 2: Find main.css file

Step 3: Paste this code at the bottom of the file

#template--24656934895961__slideshow .media::after {
    background-color: unset !important;
}

If this helpful, please let us know by giving us a like and marking its as a solution. Thanks you :heart_eyes:

Worked perfectly, thanks !

Thanks a lot for you quick response !