Change Colour of Header Text

[BenDonnelly]

Hi everyone

I was hoping someone can advise me how to change the colour of the text at the top of my pages.

The image below shows the text in question and I am using the Venture theme.

At the moment it is the same colour as the background (black) and doesn't "appear" when viewing the page. I only just realised this text was there when I accidentally highlighted a portion of a page.

I know you can go through Customise < Theme Settings, but this changes to colour of all of the text on the page (header, products names, etc.). If possible, I just want to change the text highlighted in the image below.

Thanks, everyone.

Ben Donnelly

[Dan-From-Ryviu]

Hi @BenDonnelly,

You can try to change it from Shopify store admin > Online Store > Themes > Customize > Theme Settings > Colors

[BenDonnelly]

Hi @Dan-From-Ryviu

Thank you for the reply. Yes, it can be changed from there but doing this changes the colour of all of the text on the page. I am aiming to change the colour of the highlighted text only.

[Niraj_singh]

Hello @BenDonnelly 

Please hsrae your Store URL where you want this to get done and I will happy to help you.

[BenDonnelly]

Thanks, @Niraj_singh.

It is at the top of my pages. For example: https://betadeltacollectibles.com.au/collections/2022-footy-stars-sunset-parallel

Can I apply the colour once or will I need to edit the code for each individual page?

[Niraj_singh · Accepted solution]

Hello @BenDonnelly 

Please use below code on assets -> theme.scss.css at the bottom to change collection title color

body.template-collection h1.section-header__title {
color: #FFF !important;
}

It will apply on all collection pages

[BenDonnelly]

Brilliant!

Thanks, @Niraj_singh.

That has worked.

Ben Donnelly

[Niraj_singh]

Thankyou @BenDonnelly 
My pleasure to assist you.

[BenDonnelly]

Just one more question if I may, @Niraj_singh.

Do you know how to change the font of this text?

[Barzen]

Hi, I downloaded a theme template from Envato Elements and cant change the heading menu bar text color, when I go to edit code theres loads of css files and dont know which one to change, is there something I can do to override everything and change text color to white?