Set up background image for specific collection page

Store Design
,

Topic summary

A user seeks to add a custom background image to a specific Shopify collection page (“for-her”) using the Horizon theme, replacing the default black background.

Solutions Provided:

  • Conditional CSS in theme.liquid: Multiple responses suggest adding CSS code with conditional logic that checks if the current page matches the target collection. The code should target the collection by handle (“for-her”) or ID (317492527273).

  • Placement options:

    • Replace or modify the opening <body> tag in theme.liquid
    • Add code after the <head> tag
    • One response links to an external tutorial with step-by-step instructions

  • Implementation details: The CSS uses background-image, background-size: cover, and background-position: center to display the specified image URL.

Status: The discussion remains open with the original poster requesting clarification on exact code placement within the theme.liquid file. Contributors recommend backing up the theme before making edits due to potential breaking changes.

Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.
4

Hi @Betterave-Nina !

could you please clarify in what part of theme.liquid file should I put it?

In the beginning or in the end? Before or after what code part?

thank you in advance!