Impulse Theme After Update Images not Showing Description

Store Design
,

Topic summary

After updating the Impulse theme to its latest version, users discovered that images in blog posts and product descriptions were not displaying—appearing as blacked-out placeholders despite being present in the code.

Root Cause:
The issue stems from an opacity:0 CSS property applied to images, making them invisible.

Solution:
Multiple users confirmed the fix:

  • Locate the CSS rule for img (typically in theme.css or custom.css under Assets)
  • Change opacity:0 to opacity:1
  • Some users also modified display:block, max-width:100%, and border:0 none properties

Current Status:
The CSS adjustment successfully resolved the problem for most participants. One user reported that while most images now display correctly, some elements like slideshow images at the beginning of their shop page remain affected, suggesting potential edge cases or additional styling conflicts.

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

Dear All,

Hope you are doing well.

I have just updated the impulse theme to the latest version. And I have noticed that images in the blog as well as production descriptions are not showing up.

When you drag the image, you will notice that image exists there but is blacked out.

What could be the problem?

Images not showing up.png
Images not showing up.png1366Ă—768 175 KB

Best Regards.

2

You can solve the issue by adding this CSS code at the bottom of your theme.css file

.product-block img { opacity: 1  !important; }
3

Hi @exoneon ,

Add this CSS code
Online Store > Themes > Edit code > Assets > custom.css or theme.css

img { opacity: 1; }
4

Thank you sir,

I just change the following and it worked, is that okay?

img{
border:0 none;
display:block;
max-width:100%;
opacity:1;
}

Best Regards.

5

Had the same issue. Changed the “opacity:0” to “opacity:1” and it fixed the issue. Wonder why that hasn’t been updated in the theme version yet. Seems simple enough.

1 Like
6

Hi Dan,
I have the same exact problem as Exeonon, I have pasted the code you have provided and it doesn’t solve my issue, what can I do? I pasted the code into the bottom of my theme code in the file theme.css.liquid is that the same as theme.css as I can’t see that particular file or custom.css. I am using the impulse theme.

Thanks
Moe

7

Hi Mate,
Did this work for you?

Thanks

8

Instead of doing that, find the following code and change opacity from 0 to 1

img{
border:0 none;
display:block;
max-width:100%;
opacity:0;
}

9

Hi Foreverannivers,

Thanks a lot pal thats worked!
Moe

10

I have done this and most of my images can be seen, however there are still some that won’t show such as the beginning slideshow (I’m using impulse theme). Website: https://flexfitnessgym.shop/ .

11

bro you are a legend!!! omg