Darkening Image with text overlay

Solved
Highlighted
Tourist
4 0 1

I am using the debut theme and my image is being darkened or shaded when I add a text overlay or button. Can I change the settings or code so that my image stays at the original brightness even when adding a text overlay or button? Thanks in advance.

1 Like
Highlighted
Shopify Partner
4447 667 1390

Hello, @WIllMunn 

Welcome to the Shopify community!
Please share your site URL,
So I will check and provide a solution here.

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
3 Likes
Highlighted
Tourist
4 0 1

Thanks @ketankumar

onaturalcbd.com

pw: BrentMac

0 Likes
Highlighted
Shopify Partner
4447 667 1390

@WIllMunn 

Thanks for details.

sorry, but i can't see Image with text overlay section on home page.

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
3 Likes
Highlighted
Tourist
4 0 1

@KetanKumar 

Apologies, I added some text so that it is darkened now. It is the first image after the header and you can see that it is shaded.

0 Likes
Highlighted
Shopify Partner
4447 667 1390

This is an accepted solution.

@WIllMunn 

Thanks 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.hero__overlay::before {
background-color: transparent;
}
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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
3 Likes
Highlighted
Tourist
4 0 1

@KetanKumar 

That worked! Thank you.

0 Likes
Highlighted
New Member
8 0 1
Hello Ketan, I am having the same problem but when I add the CSS to the buttom of the file it doesn't work at all. Thanks
0 Likes
Highlighted
New Member
8 0 1

Hello Ketan, I am having the same problem but when I add the CSS to the buttom of the file it doesn't work at all. Also I am trying to use the theme "Minimal" Thanks

0 Likes
Highlighted
Shopify Partner
4447 667 1390

@PremiumDeals 

Welcome to the Shopify community!
Please share your site URL,
So I will check and provide a solution here.

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
3 Likes