Dark homescreen pictures on mobile phone

Hi, my two homescreen pictures are very dark on the mobile phone. How can I change that?

my theme is dawn and my website is: www.sahar-fashion.com

Hi @sahar5 ,

I just took a look at your website. If you go into your theme code and find the file called “base.css”, you can add the following code to the bottom, and it should fix your issue:

@media screen and (max-width: 749px) {
    .banner__box {
        background: rgb(0, 0, 0, 0.1) !important;
    }
}

If you need more help, feel free to reach out to me using the email address/phone number in my signature.

If this was useful, a Like or marking it as a Solution is appreciated.

Please add this code to Custom CSS of that banner section

.banner__box {
    background: transparent !important;
  }

Hello @sahar5

I have made a test by accessing your store on my phone, and the homepage pictures are not appearing as you shared in the screenshot. One possible reason is caused by dark mode settings on your phone’s display. You can try to adjust the theme mode on the phone from dark to light, then test again if it still shows like this. If it is related to your phone’s theme settings, please test your store pictures under light mode. Thank you.