White Background Behind My Buttons (2nd and 3rd Image Banners)

Topic summary

A user encountered white background boxes appearing behind buttons in their second and third image banners, while the first banner displayed correctly. They wanted transparent backgrounds for all banners.

Solution provided:

  • Access the theme’s “Edit Code” section
  • Locate the “theme.liquid” file
  • Insert custom CSS code below the <head> tag

Outcome:
The solution successfully resolved the issue. The user confirmed the fix worked as intended.

Summarized with AI on November 11. AI used: claude-sonnet-4-5-20250929.

Hey everybody!

Ive been trying some troubleshooting, and I can’t quite seem to nail it.

I had no problem with changing the background for the first image header buttons, but I am struggling to change my second and third button backgrounds. There is a white box, and I want it to be transparent for them both.

Cheers, thanks!

https://oi7efb6pvfamjh0d-64747929773.shopifypreview.com

Hey @Restnpepperonis ,

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.


Screenshot is for reference only, the correct code to paste is the one shown above.

2 Likes

Brilliant! It worked. Thank you so much