Origin theme- Product pages background colour

Store Design
, , ,

Topic summary

A user is attempting to change the background color of shop and product pages to brown (matching color scheme 4) in the Origin theme, but the pages default to grey despite CSS modifications in theme.liquid.

Issue Details:

  • Custom CSS targeting #shopify-section-template--20368151970082__main with background-color property isn’t working
  • A weird border/margin appears in the same grey color on shop and product pages

Solution Provided:
Another user recommends:

  • Navigate to theme’s “Edit Code” option
  • Search for “theme.liquid” file
  • Paste custom CSS code below the <head> tag
  • A screenshot was shared showing the correct placement

Outcome:
The original poster confirmed the solution worked successfully.

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

Hi everyone,

I wonder if you can help me! I am trying to change the background of the shop and individual product pages to brown to match with color scheme 4 which we’ve used across our site, but it is defaulting to a grey colour and I’m unable to changing the code on theme.liquid with:

#shopify-section-template–20368151970082__main {
background-color: #855832 !important;
}

But it hasn’t worked, there also seems to be a weird border/margin in the same colour on the shop and product page. Can anyone help please?! Our site is: www.littlebearfeet.com

Rebecca07_0-1707316176262.png
Rebecca07_0-1707316176262.png1784×855 199 KB

2

Hey @Rebecca07 ,

Follow these instructions :blush:

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1707317306403.jpeg
ThePrimeWeb_0-1707317306403.jpeg1253×933 87.9 KB

3

Ah amazing! Thank you so much :slightly_smiling_face: