Need a help- Debut theme- Remove black transparent layer

Solved
Highlighted
Excursionist
26 0 4

Hello, I'm trying to launch my website https://presets-market.com and I sell Lightroom presets to edit photos..It's important to me that the photos on the website have clear colors. But a dark black transparent layer appears on top of my main image and also above the collections. 

I don't know how to remove it.

A help would be very appreciated! 

0 Likes

Success.

Hello @Lilas-addas,

To remove dark black transparent layer  on top of  main image

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

#shopify-section-hero .hero__overlay::before {
	opacity: 0;
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like
Excursionist
26 0 4

Thanks! It removes the black layer from the main image, but it still exists above  the images of the collection list. 

Can I remove it ? 

0 Likes

Success.

@Lilas-addas,

For collection please add below css

.collection-grid .collection-grid-item__title-wrapper::before {
	opacity: 0;
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like
Excursionist
26 0 4

Thank you very much! It works.

0 Likes