Dawn Theme - Removing Color Scheme in Image Banner / Product Image Slider

[CAsupport]

Hello, 

How can I remove the color scheme / color background of my Image Banners?

For example, I would like to remove the black color background in that Image Banner. That feature is not available in the color schemes options

On the other hand, is there a way to change the way my product detail page images are listed? I would like to see the pictures of my products laid out in a image slider gallery, such as:

Shopify: https://tridensusa.myshopify.com/

Thanks in advance

[KetanKumar]

@CAsupport 

sorry for that issue 

how can i check bcz your store is password protect 

[CAsupport]

Hello there!

I am sorry about that, pw is gienim

I would also love to know how to remove the white background on this image banner

Thanks in advance 🙂

[KetanKumar · Accepted solution]

@CAsupport 

thanks for more details yes please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.

.banner__box.color-background-1, .banner__box.color-accent-1 {
    background: transparent !important;
}

 also if you need product slider flow this all step if any issue let me know

https://made4uo.com/blogs/dawn-theme-tweaks-and-trick/product-slider-for-dawn-theme

[CAsupport]

Hey! Just what I needed. Thanks a lot @KetanKumar 

[KetanKumar]

@CAsupport 

its my pleasure to help us 

[meo_me]

Hi Katan,

The background gradient color of the Image Banner is grey, I tried to reduce the 

"Image overlay opacity" to 0% 

but still, the background color is more greyish! Need help Please 

Thanks!

[KetanKumar]

@meo_me 

oh sorry for that issue can you please send store url 

[mismcha]

hello your code works perfect but  i would like to keep the banner text white , the button change to my accent 1 but i dont like the text black , thank you very much