How do I remove the background color in image banner?

[tinee]

A light brown background color appears behind the image. I want it to be just plain white, how do I do that?

site: https://bagsinthecitymanila.com/ (faqs)

[devcoders]

Hello @tinee  the image has white space. Please crop the image and re-upload it; the space will automatically be removed.

Image url - https://bagsinthecitymanila.com/cdn/shop/files/Untitled_design_2_500a578c-d596-4115-98be-6c2b08224fd...

[tinee]

Hello! I tried replacing the image with no white space. But it still shows the light brown background color behind the image.

[devcoders]

Hello @tinee 

Go to Online Store, then Theme, and select Edit Code.
Search for assets/base.css Add the provided code at the end of the file.

.banner__media.media {
    background: #fff;
}

[suyash1 · Accepted solution]

@tinee  please add this css to the very end of your base.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> base.css

.media{background-color: #fff;}

[DaisyVo]

Hi @tinee ,

You can follow the steps here:

Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/ypQ7nly2wv27
Step 3: Copy the code below and paste it there

Here is the code for step 3:

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

Here is the result:

Please let me know if it works!

Best,

Daisy