Change background,fonts colors only for a product page

Shopify Discussion

Topic summary

A user wants to customize the background and font colors specifically for a single product page on their Shopify store using the Empire theme.

Solution provided:

  • Navigate to Online Store → Theme → Edit code
  • Locate the theme.liquid file
  • Insert custom CSS code before the closing tag
  • The code uses conditional logic to target only product page templates
  • Applies custom styling to the main site element with specific color values (e.g., background: #3f5e5e)

Status: A complete code solution has been shared, but no confirmation yet on whether it successfully resolved the issue.

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

Hi guys and girls :grinning_face_with_smiling_eyes: .I wanna change only for a product page of my website the background color ,the fonts colors.. Im using empire theme.. This is my shop : www.aiciavem.ro

2

Hi @sao

This is Victor from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: paste bellow code in tag → save.

PageFlyVictor_0-1674722408091.png
PageFlyVictor_0-1674722408091.png1365×651 47.6 KB

{% if template contains ‘product’ %}

main#site-main { background: #f3e5e5 !important; }

{% endif %}

Hope that my solution works for you.

Best regards,

Victor | PageFly