Adding Seamless Background Image on Single Page?

Store Design
, , ,

Topic summary

Goal: Apply a seamless background image across multiple sections on a single Shopify page (Dawn v11 About page).

Initial attempts: Added CSS in theme.liquid within a Liquid conditional using “request.path contains ‘about’”, tried both asset and CDN image URLs, and set section backgrounds to transparent. The background did not appear.

Core issue: The Liquid condition using request.path didn’t reliably target the About page.

Solution: Replace the conditional with “page.handle contains ‘about’” to correctly target that page, then apply the background CSS inside that block.

Outcome: Switching to page.handle resolved the issue; the background image displays as intended. Thread is resolved.

Technical note: In Shopify Liquid, page.handle is the unique identifier for a page and is more reliable for page-specific targeting than request.path. The Liquid conditional and CSS snippets are central to understanding the fix.

Summarized with AI on December 30. AI used: gpt-5.
3

Hi @cupofjeaux

This is David at SalesHunterThemes.

Try to replace your code with this

{% if page.handle contains 'about' %}

{% endif %}