Remove low opacity on image banner - Craft Theme

[jmd92]

Hello,

For some reason on my image banners, whenever I try to use a svg or png or basically anything with a transparent background, it still shows this low opacity black layer in the background even with my settings having the Image overlay opacity at 0%. How can I remove this? Would love to have something fix it so whenever I create any product page and upload pngs, it doesn’t do this anymore. Any tips are greatly appreciated, thanks so much.

https://thetypefella.com/products/albern

[DaisyVo]

HI @jmd92

To complete your requests, please follow these steps:

1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
2. Paste the code provided into the Custom CSS section.

.banner__media.media {
    background: transparent !important;
}

Here is the result:

I hope this helps

Best,

Daisy

[Dan-From-Ryviu]

Hi @jmd92

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings to remove that background

.banner__media { background-color: transparent !important; }

[jmd92]

That worked like a charm, thank you so much!!!

[ProtoMan44]

@jmd92 Hey, thanks for posting here.
can you put it in custom CSS:

.banner__media {
    background: none !important;
}

as per my review, your font range needs to be fixed.
all rage fields only work for the first font row.