Can't upload transparent photo to footer (Sense Theme)

Store Design
, , , ,
1

I’m trying to upload a photo to the footer of the store with a transparent background, but for some reason a white background appears. This happens with all photos. They are all in PNG format
When I upload the logo to the header, everything is fine

2

Hi. Can you please share your website url?

3

Sure

https://frame-tamer.myshopify.com/

4

I can see that the logo file has .avif extension. Try this with png. Please download the png file from https://drive.google.com/file/d/1J4G7lhJxXq5W-Pwd91w6XyKe7QqtCJwn/view?usp=share_link and re-upload it.

5

It didn’t help. But I just changed the Accent 2 color from white to black, and the logo background in the footer has also changed to black

Screenshot_3.png
Screenshot_3.png1088×471 52.4 KB

6

@semk015

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.footer .global-media-settings{
  background-color: transparent !important;
}
1 Like
7

@semk015 Seems like some styles and box shadow is also applied with the help of CSS. Making only the background of logo transparent is not sufficient. Box shadow also need to be removed. Trying below code will fix the problem.

Hope this works.

1 Like
8

It helped, thank you!
You also need to remove the shadows, the final code should look like this

.footer .global-media-settings{
  background-color: transparent !important;
  box-shadow: none !important;
}