How can I remove the white shade from my cover banner?

Store Design
, ,

Topic summary

A user is experiencing an issue where their store’s cover banner displays differently across slides: the first image appears normal, while the second has an unwanted white shade or overlay.

Proposed Solutions:

  • CSS modification for disabled links: One suggestion involves changing CSS code for disabled links, or alternatively adding a URL to the second slide in the theme customizer if that option exists.

  • Opacity fix via custom CSS: Another solution provides specific code to paste into the theme’s base.css file:

.adaptive_height a.slide-image {
    opacity: 1!important;
}

This targets the slide image opacity and forces it to full visibility, which appears to resolve the white overlay issue based on provided before/after screenshots.

  • Image editing approach: A third response suggests editing the image file itself using photo editing software to adjust contrast/brightness or remove white areas directly.

The CSS-based solutions address the root cause in the theme code, while the image editing approach treats the symptom. The discussion remains open pending confirmation from the original poster about which solution worked.

Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.
1

Hi guys! I’m having a problem with my cover banner. Can you help me remove the white shaded on the picture?
The first left picture is good but the 2nd picture has white shaded color. Please help. Thank you!

My store: www.enchantedgifts.ph

erro1.png
erro1.png2481×743 316 KB

2

maxdanko_0-1698755973552.png
maxdanko_0-1698755973552.png513×574 26.4 KB

you need to change the css code for disabled links or just add a url for the second slide in customizer, if such an option is available.

3

Hi @Kaymi
It’s Artzen Technologies, we are happy to help you today.

Go to OnlineStore-> ThemeFile-> EditCode-> Assets->Base.Css File

And paste this below written CSS.

.adaptive_height a.slide-image {
    opacity: 1!important;
}

The result of this CSS is in Below Screenshot.

Artzen_tech_0-1698756194930.png
Artzen_tech_0-1698756194930.png1365×628 435 KB

Artzen_tech_1-1698756203934.png
Artzen_tech_1-1698756203934.png1357×580 393 KB

Let me know if need further assistance
Regards,
Artzen Technologies

4

Hi! To remove the white shaded color from your second picture, try adjusting the contrast or brightness in an image editor like Photoshop, GIMP, or even the built-in Windows Photos app. You can also use the “magic wand” tool to select and remove the white areas, or use a layer mask for more control. Let me know if you need help with any specific steps!