Change the Color of the Background on a Single Page

Topic summary

A user wants to change the background color of a single Shopify page to off-red (#F80000) with black headings and white body text, without affecting other pages. Modifying the global color scheme (scheme 1) causes an undesirable red flash during page transitions.

Solution provided:

  • Navigate to Shopify Admin → Online Store → Theme → Edit code
  • Locate the theme.liquid file
  • Insert custom CSS code above the </head> tag that targets the specific page URL (example uses ‘about-us’)
  • The code uses Liquid templating to conditionally apply styles only when the URL contains the specified page identifier

Outcome: The solution was accepted and marked as resolved by the original poster.

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

Hi there,

I want to change the color of the background of a single page from White to an off-red (#F80000). With black heading, and white body font.

I know you can change scheme 1 as this changes the default colors everywhere, but it leaves a really ugly red flash when opening and transitioning to new pages.

Currently looks like this

Want it to look like this

With a black heading, and white body font. (I did that in inspector, but I don’t know how to get the code)

website: https://404virtues.com/

Hi @404virtues ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

{% assign full_url = request.host | append: request.path %}
{% if full_url contains 'about-us' %}

{% endif %}

Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

1 Like

Thank you so much.