Remove background from Logo. Theme is Taste

Shopify Discussion

Topic summary

Main issue: A subtle white box/border appeared around the header logo in the Shopify “Taste” theme, despite attempts to use a transparent PNG.

Key exchanges:

  • One helper suggested the box came from the theme header and might require code changes. Another inspected the site and indicated the logo file itself still had a white background, advising to remove it and save as a transparent PNG.
  • The requester noted saving from a PSD with a transparent background still produced a visible background (and JPEG also showed a background), leading to uncertainty about whether it was a code or asset issue.

Resolution:

  • The requester fully deleted the “Background” layer in Photoshop, then re-saved the logo as a PNG with true transparency. This removed the white border. No theme code changes were ultimately needed.

Notes:

  • PNG supports transparency; JPEG does not. Ensuring the background layer is removed (not just hidden) is crucial.
  • A screenshot was provided to show the subtle border.

Status: Resolved.

Summarized with AI on December 14. AI used: gpt-5.
1

I have tried everything to remove the background from this logo. Transparent background in Photoshop saved as PNG. I have tried multiple different offered solutions to insert code to different parts of the theme to no avail. Please someone help, it would be greatly appreciated.

Website is saporidelvallo.com

2

@ChuckTyler I can assist you with this, but before that can you please share a snap of which logo you are talking about? Is it a header logo? It already has a white background, which may not need to be changed, but I would still like an image so I can identify and offer you a solution.

waiting for your reply. thanks

3

It is the header logo, and i can see there is a white box/border surrounding the logo when I view the site. It’s very subtle, but it’s something that stands out to me and I’d like for it just appear seamless in the header.

Screenshot 2024-11-15 at 4.25.58 PM.png
Screenshot 2024-11-15 at 4.25.58 PM.png898×472 58.5 KB

4

@ChuckTyler , I understand your concern. It’s not the logo that shows the box, but a header by theme. It needs some code to be fixed. Let me know if you are familiar with the code. so I can guide you,

5

I understand the process to edit code but I am not an expert by any means. I wouldn’t be sure where to insert or edit code in order to change this so as much detail as possible would be appreciated!

6

Hi @ChuckTyler
I’ve checked your store and the theme is quite okay. The problem is your image. You’re saving your logo as png format but keeping white background- https://prnt.sc/l-vxYyJGdfHg . Please remove the white background and make it transparent like this (I’m not an photoshop expert)- https://prnt.sc/BnjMX_wZgeYq. After that you can save the logo as png.
Thanks.

7

Hey! This does not work either. I have saved the PSD file with the transparent background and when saving as PNG it seems to apply a default background. Also tried saved the PSD file with the transparent background as JPEG and it does the same thing again. Any other suggestions? It leads me to believe there is a code issue here but what exactly I have no idea.

8

Solved! I had to actually delete the “background” layer from photoshop then resave. Thank you for putting me on the right track!