Shopify themes, liquid, logos, and UX
Hello, I am using the venture theme for my Shopify store. On certain pages, I want to change the colour of the "Title" text as it clashes with the background.
I am aware that you can go to customise website, then go to theme settings and then 'colours' and change the title text colour there but this way it will change it all over the website creating a mess.
Is it possible to change the Title text colour specifically on a individual page via code? can anyone instruct me how to do so or direct me to a video?
Thanks.
@JATSGS
You should be able to go into the Liquid code of the "layouts/theme.liquid" file and add a class like this:
{{ request.page_type }}-{{ request.path | split: '/' | last }}
to the "body" element. From there you can target that class with CSS so it may look something like this for an About page:
.page-about h1 {
color: #ffec80;
}
if you want the color of the title to be a light gold.
Hope that helps!
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!
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025