I need help with a dark slideshow in retina theme

Solved
behawkco
Tourist
7 0 2

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
Shopify Partner
23668 2383 8694

@behawkco 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
behawkco
Tourist
7 0 2

@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

0 Likes

@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

◦ Slideshow section not looking good or cutting off? Try the Slideshow (PRO) section. No apps required.
◦ Replace apps with copy/paste code snippets. Examples here.
◦ In need of coding help? I'm available for hire! ezfycode@gmail.com
0 Likes
behawkco
Tourist
7 0 2

@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 ...

0 Likes

@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

◦ Slideshow section not looking good or cutting off? Try the Slideshow (PRO) section. No apps required.
◦ Replace apps with copy/paste code snippets. Examples here.
◦ In need of coding help? I'm available for hire! ezfycode@gmail.com
0 Likes
behawkco
Tourist
7 0 2

@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

 

 

0 Likes

This is an 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

◦ Slideshow section not looking good or cutting off? Try the Slideshow (PRO) section. No apps required.
◦ Replace apps with copy/paste code snippets. Examples here.
◦ In need of coding help? I'm available for hire! ezfycode@gmail.com
0 Likes
behawkco
Tourist
7 0 2

@diego_ezfy 

 

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

0 Likes