Debut Theme [ Slideshow 100% Clear]

Highlighted
Tourist
70 0 3

Hi,

I am using the debut theme and i released the slideshow image seem to darken.
How do i adjust the slideshow image to show the 100% brightness as the original image?

Thank you.

Highlighted
Shopify Partner
44 0 15

Hey Lawrence, go to your theme's code in the editor (steps how here) and find slideshow.liquid in the Sections folder. Search for "slideshow__overlay". You'll see that it is added as a class if there is a heading or subheading. When added, it adds the darkening effect you're seeing — reason being it promotes readability on most images. If you have images that text can be read on, you can remove that class and save the template and you're good to go.

Let me know if you run into any issues. Cheers.

0 Likes
Highlighted
Tourist
70 0 3

Hi Carson,

The class is as follow:

<div class="slideshow__text-wrap{% if block.settings.title != blank or block.settings.subheading != blank %} slideshow__overlay{% endif %}">

I've tried to remove the above and indeed the slideshow first image are shown without overlay.
However, the slide  show only has one image, other images cant be view.

Could you advise?

Thank you!

0 Likes
Highlighted
Tourist
70 0 3

Hi Carson,

i think ive resolved it, i simply remove the slideshow_overlay from the class, and it is working fine.

 

0 Likes
Highlighted
Shopify Partner
44 0 15

Glad to hear it. Let me know if you run into any more issues!

0 Likes
Highlighted
Tourist
9 0 4

THANKS!   still working

 

0 Likes
Highlighted
Tourist
30 0 3

Hi there,

I seem to struggle with the removal of the slideshow__overlay. I tried to remove the entire line or even just the slideshow__overlay portion, but the preview doesn't comply to the changes made.

Would love to get some help.

www.edgability.com        pw: Angelini

Thanks.

Highlighted
Tourist
15 0 2

thank you so much Carson!! worked so easily!!

0 Likes
Highlighted
New Member
4 0 0

Hey same here..

and i removed the class and still the first slide is fine and the others blank ....

website: https://lipo6store.myshopify.com/ PW:b12345

HELP pls 

0 Likes
Highlighted
New Member
1 0 0

Hi,

I'm really struggling with this. tried to remove:

<div class="slideshow__btn-wrapper{% if block.settings.slide_title != blank or block.settings.subheading != blank %} slideshow__btn-wrapper--push{% endif %}">
<a href="{{ block.settings.button_link }}" class="btn slideshow__btn">
{{ block.settings.button_label | escape }}
</a>

But it does not work. FYI I don't know coding only self taught copy paster.

Nothing happens. Thanks in advance.

Best regards
Hampus Niemi

Store details 
alltforman.se
alltforalla.myshopify.com

0 Likes