How do I change the Title text colour on certain pages?

Store Design
1

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.

2

@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!

3

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!