Darkening Image with text overlay

Solved
WIllMunn
Tourist
4 0 4

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.

KetanKumar
Shopify Partner
14125 1645 5069

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
WIllMunn
Tourist
4 0 4

Thanks @ketankumar

onaturalcbd.com

pw: BrentMac

0 Likes
KetanKumar
Shopify Partner
14125 1645 5069

@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
WIllMunn
Tourist
4 0 4

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

KetanKumar
Shopify Partner
14125 1645 5069

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
WIllMunn
Tourist
4 0 4

@KetanKumar 

That worked! Thank you.

PremiumDeals
Tourist
8 0 2
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
PremiumDeals
Tourist
8 0 2

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
KetanKumar
Shopify Partner
14125 1645 5069

@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