Remove background color in banner sense theme

[gadea_]

Hi, I need help with his subject.

I'm using the Shopify sense theme and I'm trying to upload a photo with a transparent background (png format) so that it blends with the overall page background. However, the section "image banner" has a default brownish background color that makes it impossible. Is there any way to delete it so that I can upload transparent images? I have done it before with other themes

thanks!

[suyash1]

@gadea_ - can you please share this page link? it will need css to remove background color

[gadea_]

Hi @suyash1 , the website is gellednails.com (password is 123456) and the slide is on this link: https://gellednails.myshopify.com/admin/themes/130703819010/editor?previewPath=%2Fproducts%2F5th-ave...

thank you!

[suyash1]

@gadea_ - this link is asking to login, can you please share only preview link?

[gadea_]

@suyash1 this is the preview link: https://4z00u3qj8n6t6d4o-62641570050.shopifypreview.com the slide I'm talking about is on every product page, thank you 

[suyash1 · Accepted solution]

@gadea_ - please add this css and check

@media screen and (min-width: 750px){
.banner__media {background-color: #f6f0ea;}
}

[gadea_]

Hi @suyash1 what part of the css should I add it in?

[suyash1]

@gadea_ - this entire css 

@media screen and (min-width: 750px){
.banner__media {background-color: #f6f0ea;}
}

[gadea_]

Hi @suyash1 I'm confused on where should I add it, what section of the code? I added it in the image-banner.liquid but it didn't work

[suyash1]

@gadea_ - sorry for the confusion, please add to the end of base.css file

[gadea_]

Hi @suyash1 just applied it, works like a charm! Thank you so much

[suyash1]

@gadea_ - welcome. DO let me know if you need any help later, you have my email below.

[HBEE63]

Hi @suyash1 

Would this code work for the slideshow? I have the same issue with transparent images in my slideshow but it shows that default color instead of background color

[suyash1]

@HBEE63 - does your banner have very same css class banner_media? if yes then it can work, else we will need to set up code as per your theme classes. Can you please share the page link where you are getting this issue?

[HBEE63]

Thanks for the reply - this is the page where I can't get the background of the slideshow to be transparent https://www.forloveandfries.com/