Why can't I add background images via CSS anymore?

Technical Q&A

Topic summary

A Shopify user reports that CSS background images are no longer working despite using the same code that previously functioned. The CSS targets .use-alt-bg class with a background image URL from Shopify’s CDN, along with standard background properties (no-repeat, center, cover).

Current Status:

  • The user observes an issue when inspecting the element, though the specific error details appear corrupted in the post
  • Two support responses request the store URL to investigate further
  • One response is from GemPages Support Team, suggesting the issue may be related to their page builder

Next Steps:

  • User needs to provide store URL and password (if store is password-protected) for troubleshooting
  • Discussion remains open pending additional information
Summarized with AI on November 22. AI used: claude-sonnet-4-5-20250929.
1

I’m not able to add background images via css to shopify anymore. I use to do it like this, but its no longer working:

.use-alt-bg {
background-image: url(“https://cdn.shopify.com/s/files/1/0373/5420/9339/files/thin-banner.jpg”);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

In the inspector, I see the following attached.

issue.jpg
issue.jpg708×174 23.5 KB

When I add that,

2

@Ruben_Nunez ,

Please share the store URL…

3

Hi @Ruben_Nunez ,

It’s the GemPages Support Team and we are glad to assist you today!

Could you please share your store URL ( with the password if your store password is enabled ) then I can see and suggest something for you?

Best regards,
GemPages Support Team