Shopify themes, liquid, logos, and UX
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)
Solved! Go to the solution
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;}
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...
Hello! I tried replacing the image with no white space. But it still shows the light brown background color behind the image.
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;
}
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;}
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
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025