I need help with a dark slideshow in retina theme

[behawkco]

Hello..

This is my store www.littlepaal.com

I have the problem with the slideshow, in the web site you can see the same repeated banner but the first one is "Image with text overlay" and the second one is "slideshow"  

I don't understand why the slideshow image is darker, i need the slideshow section, both sections have 0% overlay opacity and they are the same image but one looks darker.. only in the desktop version you can see the difference, in mobile they both look the same

Pls I need help

[KetanKumar]

@behawkco 

can you please show me slideshow at home so i will check and guide you/

[behawkco]

@KetanKumar 

Hello, if you enter my website www.littlepaal.com you will see 2 banners, the first is a simple image, and the second banner is a slideshow, you will see that the slideshow is darker despite not having any overlay activated

[diego_ezfy]

@behawkco 

This is an issue with the image itself, not the code. The image's background is #f7f7f7, your website's background is #ffffff.

Kind regards,
Diego

[behawkco]

@diego_ezfy 

I saved the image for the web with photoshop. It has no color profile.

I have uploaded the same image in 2 different sections, 1 in image with text and 1 in slideshow and only when I upload it in the slideshow does it get dark ...

[diego_ezfy]

@behawkco 

I checked the image on Photoshop and it has a different background color than your website. I double checked and there is no code being applied to change the color.

Kind regards,
Diego

[behawkco]

@diego_ezfy 

look, what I'm saying is true I have now placed 2 sections  on the top of home page, both with pure white background RGBs #FFFFFF exported in photoshop for the web eliminating color profile and look ... the only difference is that an image is placed with a "slideshow" and the other I put it as "image with text overlay" and this is my problem, the slideshow always darkens despite having deactivated the overlay with 0% opacity

[diego_ezfy · Accepted solution]

@behawkco 

You're correct, my apologies. 

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:

.slideshow-slide__image-wrapper [data-rimg-canvas]{
    display: none !important;
}

Please let me know whether it works.

Kind regards,
Diego

[behawkco]

@diego_ezfy 

Thank you very much! I was going crazy with this!