Changing backgrounds for different areas of my store

Store Design

Topic summary

A store owner has successfully added a custom background to their Shopify store but wants to implement different backgrounds for different pages:

Desired setup:

  • Custom background on homepage (currently implemented)
  • Different custom background for shop and contact pages
  • White background for password and menu pages

Current issue:

  • Mobile display shows white bars at top and bottom, breaking the seamless appearance that works correctly on desktop browsers

The discussion remains open with the store owner providing their site password (3055SitesHUT) to allow others to review the code and offer customization assistance.

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

Hi, ive recently been trying to improve my store by delving into the code side of things to allow for more customisations. I have successfully added a custom background to my store (www.kroen.co.uk) but now I want to only have this specific custom background on the home page, and have a different custom background for my shop and contact pages, as well as my password and menu page which I want to just have white.

I also want to have this display be seamless, which it already is on browser, but on phone there is white bars at the top and bottom. Any help would be much appreciated, thankyou.

2

Hello, @kroenhead Please share your password!
Thank you

3

my site password is: 3055SitesHUT

4

thankyou