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

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

JATSGS
Visitor
1 0 0

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.

Replies 2 (2)

RobDukarski
Shopify Partner
88 15 20

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

- Rob Dukarski
Helping to make commerce better for everyone!
shopcocochalla
Visitor
1 0 0

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!