How do I remove the background color in image banner?

Solved

How do I remove the background color in image banner?

tinee
Tourist
6 0 4

tinee_0-1737688231588.png

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)

Accepted Solution (1)

suyash1
Shopify Partner
10569 1306 1674

This is an 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;}

 

Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

View solution in original post

Replies 5 (5)

devcoders
Shopify Partner
1009 129 266

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...

devcoders_0-1737688966014.png

 





Shopify Developer: Helping eCommerce Stores

If you need assistance with your store, feel free to contact us at devcodersp@gmail.com
WhatsApp No: +91 8516919310 If my assistance was helpful, please consider liking and accepting the solution. Thank you!
tinee
Tourist
6 0 4

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

tinee_1-1737689176170.png

 

tinee_0-1737689150406.png

 

devcoders
Shopify Partner
1009 129 266

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;
}

 

Shopify Developer: Helping eCommerce Stores

If you need assistance with your store, feel free to contact us at devcodersp@gmail.com
WhatsApp No: +91 8516919310 If my assistance was helpful, please consider liking and accepting the solution. Thank you!

suyash1
Shopify Partner
10569 1306 1674

This is an 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;}

 

Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

DaisyVo
Shopify Partner
3795 412 499

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:

DaisyVo_0-1737689508806.png

Please let me know if it works!

 

Best,

Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution