Hi, can anyone help me to remove the overlay for the collection header banner in my store ?
Topic summary
A user seeks help removing an overlay from their collection header banner. They’ve shared a screenshot showing the current banner with the overlay effect.
A potential CSS solution has been proposed:
- Target
.collection-hero--overlay - Set
display: none;
This CSS snippet should hide the overlay element, though implementation details (where to add the code in the theme files) haven’t been discussed yet. The issue remains open pending confirmation of whether this solution works.
.collection-hero–overlay:before {
display: none;
}