Changing the background color of a specific page

Topic summary

Goal: change the background color of a single Shopify page to #f2f2f2, including the white gaps between media grids and text.

Context: The requester shared the store URL and password and posted screenshots highlighting persistent white areas. They want the change applied to one page only, not the whole site.

Proposed solutions:

  • Global CSS (Assets > theme.css): set body and/or main/sections to background: #f2f2f2 !important; (would affect all pages).
  • Page-specific approach (theme.liquid): add a Liquid conditional targeting the page handle (e.g., {% if page.handle == “contact” %} … {% endif %}) before to apply styles only on that page. “page.handle” is the page’s identifier in Shopify Liquid.

Latest update/outcome:

  • The Liquid conditional approach reportedly worked for changing the page background, but white space remained at the top and bottom (shown in screenshots).
  • Another reply reiterated placing the conditional snippet before to also remove those margins. No confirmation yet from the requester that the top/bottom whitespace is fully resolved.

Status: Partially resolved (background mostly changed). Remaining issue: top/bottom white margins unconfirmed; discussion appears open.

Summarized with AI on January 3. AI used: gpt-5.

Hi!

I cant find the style tag in my theme.liquid file. I used control + f to find but it isnt here.