Hello!
I was not able to get this to work. Is there a way to change the title color on specific pages as well as the background color of the entire page? Thanks!
Topic summary
Goal: change the “Title” text color on specific pages in a Shopify store using the Venture theme without affecting site-wide styles.
Proposed approach: edit the Liquid template in layouts/theme.liquid to add a page-specific class to the body using Shopify Liquid:
- {{ request.page_type }}-{{ request.path | split: ‘/’ | last }}
Then target that class with CSS for the page title (e.g., .page-about h1 { color: #ffec80; }).
Technical notes: Liquid is Shopify’s templating language. request.page_type identifies the page type, and request.path | split: ‘/’ | last extracts the last URL segment to form a unique class. CSS selectors (like .page-about h1) style elements on that specific page.
Follow-up: another participant reported the method didn’t work for them and asked if they can also change the entire page’s background color on specific pages.
Status: no confirmed resolution; guidance requested on making the per-page class and CSS changes work, including background color. Code snippets are central to understanding the suggested solution.