Image banner Image overly opacity not working correctly

Store Design
1

I am wondering if anyone else is running into an issue with transparent images in your Image Banner. You can see that my overlay opacity is set to 0% on Dawn theme but the background on the top edge is showing a grey overlay. Any workaround or suggestion is greatly appreciated

sheepnerd_0-1647622490901.png
sheepnerd_0-1647622490901.png1590×831 274 KB

1 Like
2

Hi @sheepnerd ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

3

https://liza-934.myshopify.com
ewedded

Thanks!

4

I put the other site in prod. You can still see the problem here:

https://ewedded.myshopify.com/

password is pocaoy

5

Hi @sheepnerd ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/section-image-banner.css->paste below code at the bottom of the file:
.banner:after {
    display: none !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

1 Like
6

Unfortunately, it didn’t make any difference at all. Thanks for trying.

7

Hi @sheepnerd ,

You can try below code in section-image-banner.css file:

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

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

1 Like
8

Thank you. The combination of the two changes did the trick.